Center and edit homepage quote

If you find this tweak helpful:

Beginners

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 SimplePress 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 and right quote, and let you change the font color and style.

CSS

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

Add the following code:

#quote {
text-align: center;
color: #FF7F00;
background-position: 28% 30%;
}

#quote div {
background-position: 70% 60%;
}

#quote div span {
color: #787878;
}

 You can adjust the line 1 text and left quote alignment by playing around with the numbers in #quote. The two styles after that will adjust the right quote alignment and text for the second line.

Post a Reply

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

Pin It on Pinterest

Share This