Change home page colors
URL to the page in question:
http://potentialdemo.potentialpower.com
-
I would like to have different colors for the background and widget areas on the home page vs. those on the other pages in the site. Is it possible to do this?
Hello Scott,
Great question. You can do both of those. There is a WordPress HTML tag called the “body tag” that adds several classes to the opening body element in the page that change based on the content. We can use that to change just the home page. Here’s how:
- Go to the Theme Options page and select the Styling tab.
- Scroll down to the Custom CSS box and paste this:
body.home {
background-color: #cccccc;
}
body.home #home-left,
body.home #home-middle,
body.home #home-right {
background-color: #ffffff;
}
- Just replace the
#cccccc
with the color you'd like to have as the home page background and the #ffffff
with the color you'd like to have as your widget background.
- Update your settings.
That should do it. If you have any questions or trouble, let me know.
Have a great week,
Bill
Thanks! That got me close. What I really needed was the home page content section (I’ll be more precise next time). To specify that, I used:
body.home .wrap {
background-color: #cccccc;
}
If there’s a better way to specify it please let me know.
Of course, the hard part was thinking to use the Custom CSS box! You are always quick with a helpful and elegant solution!
Thanks again!
I’m glad that got you to your solution Scott. If you need anything else, just let me know.
Have a great day,
Bill
- The topic ‘Change home page colors’ is closed to new replies.