Change home page colors

Support Area Forums Live Change home page colors

Viewing 4 posts - 1 through 4 (of 4 total)
URL to the page in question: http://potentialdemo.potentialpower.com
  • Author
    Posts
  • #20991
    Scott Wierschem
    Participant

    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?

    #21000
    Bill Robbins
    Moderator

    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:

    1. Go to the Theme Options page and select the Styling tab.
    2. 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;
      }
      
    3. 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.
    4. Update your settings.

    That should do it. If you have any questions or trouble, let me know.

    Have a great week,
    Bill

    #21028
    Scott Wierschem
    Participant

    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!

    #21030
    Bill Robbins
    Moderator

    I’m glad that got you to your solution Scott. If you need anything else, just let me know.

    Have a great day,
    Bill

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change home page colors’ is closed to new replies.