Change background color of header container in Platform Pro?

[organicman 0]

How do I change the background color of the header container in Platform Pro? Right now, the only way to do it is to change the body color of the page but that changes the entire body color, not just the header area. I want to have a different-colored area surrounding my header image, which currently has a white background. How do I do that while leaving the rest of the page white?

[catrina 103]

You can add this to the base.css file:

div.content-pad {background-color: #YOURCOLORHERE;}

In the future, you can use Firebug for Firefox to identify areas of a website you'd like to adjust.

[organicman 0]

This does not work. It changes the color of the entire background. I only want to change the color around the header area. Using Firebug, it seems that the area I want to change is the called the "branding area". I have now tried adding this code to base.css but it does not work either: #branding .content-pad { background: 367697; }

[srwaugh 0]

Hey Kevin don't for get to put the # before the color code. Try something like #branding .texture { background: #367697; } OR #branding .content-pad { background: #367697; } Depending on how you want the background to sit. Regards Paul

[kastelic 6]

Also, if you don't have a space between

#branding

and

.content-pad

you're going to run into problems.

[organicman 0]

Thanks guys! You can tell I'm a noob. ;-) The #branding .texture code did the trick. This forum rocks!