How do I change the background color of my blog’s body?
Monday, April 7th, 2008I get asked a lot how to change the background color of the blog’s body. So often in fact, that in the next minor release I’m going to feature this CSS rule much more prominently in the simple edits area and in the tutorials. But for now, I’ll address it here and point people to this post.
If you want to change the background of the body portion of your blog, say you want to turn it black, like Frank’s blog, open up your Theme Editor under the “Design” tab (”Presentation in WP 2.3.3 and earlier) of your WP Admin area. Click to edit the “Stylesheet (style.css).”
Scroll down to line 153 where you will see this:
#wrapper {
width: 980px;
margin: 0 auto;
background-color: #FFF;
}
Just change “#FFF;” to the six-digit color code of your choice, and you’re all set.
Furthermore, if you wanted to change just the background of the header area next to the logo to be something unique and different by itself, scroll down just a bit further and look for this bit of code:
#header {
height: 108px;
}
Between the two brackets add a line to specify a background color of your choice, like so:
#header {
height: 108px;
background: #000000;
}
Click to update your changes and you should be golden.