Frequently Asked Questions:

FAQ: Can I change the background color of just the top header area?

If you want to change the background color of just the top header area, so it looks something like this:

You can pull it off by adding one line to your stylesheet. Open up your stylesheet by going to “Design” (”Presentation” in old versions of WP) –> “Theme Editor” and selecting “Stylesheet (style.css)”. Scroll down to line 158, which looks like this:

#header {
    height: 108px; /*height of header: logo & top links - see 5 lines below*/
}

Add a line in like so and change the color code to whatever you want it to be.

#header {
    height: 108px; /*height of header: logo & top links - see 5 lines below*/
    background: #ff9900;
}

Click “update file” to save your changes, visit your blog and force your browser to refresh to see your changes.

Questions? Instead of emailing for support, leave a comment below so everyone can benefit from any clarification.

This entry was posted on Wednesday, April 23rd, 2008 and is filed under Customizing ProPhoto, Frequently Asked Questions. You can leave a response, or trackback from your own site.

2 Responses to “FAQ: Can I change the background color of just the top header area?”

  1. On July 3rd, 2008 at 3:04 pm Cherie Irwin said:

    Jared, line 158 looks like this on my stylesheet.

    #header {
    height: 108px;

    I don’t want to mess anything up, so what do I need to do to change the color of the top header area?

  2. On July 3rd, 2008 at 7:15 pm Jared said:

    @Cherie Irwin: Cherie, that’s just because you have a slightly older version of the stylesheet. that’s the right spot, go for it!

Leave a Reply