Center and edit homepage quote

If you find this tweak helpful:


Tweaking Elegant Themes involves creating a child theme and editing PHP and CSS files within a text editor. If you have never done this you may want to read our guide on creating a child theme. All tweaks are written with the assumption that you have a default installation of your theme.  Any tweaks or changes you may have previously made to your theme could affect the outcome of the tweaks on this site. All tweaks should be tested before applying to a live site. 

You can change the words in the line one and line two quotes on the homepage of DeepFocus using the epanel. But depending on the length of the quotes in each line, it could end up looking pretty bad. This tweak will center the text in the middle of the page, properly align the left quote, and let you change the font color and style.


Locate your style.css file in /deepfocus-child/

Add the following code:

#tagline { text-align: center; }

#tagline span {
color:#D8C99B; }

#tagline p {
color: black;
background-position: 32% 0;
margin-left: -5%;

This will correctly align the quotes based on the text in the images above. Your left quote and text in the top line will probably not look right. Adjust the 'background-position: 32%' to move the left quote horizontally. Adjust the 'margin-left: -5%' to change the horizontal position of the top line text. 

Post a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Share This