Background color

Did you try this Snippet first?

The Snippets are only a guide, you can’t expect them to fix each problem without your interpretation!

If anything missing in the Snippet then flag it and I’ll update it.

I should definitely be able to interpret and apply this snippet… just wondering if you could tell me the #—— names for white and light grey. (Embarrassing that I don’t know that, sorry!)

To make the changes I described, will I just need to paste in the section for “body{… background”? I don’t need to change the font color. I do want to change the post and sidebar backgrounds (only) to white and keep the side margins light grey.

Try here.

The common colors you can just use the text white (#FFFFFF) or black (#000000), even gray (#808080).

Just pick out the items you want, the code will stay at default (color).css if you don’t change it.

This snippet worked to change the entire page’s background color to grey, but I couldn’t figure out how to keep the post background white.

This bit, change the colors to what you want:

`/* Change the central wrapper background */
#main-wrapper {
margin-top: 0px ;
margin-bottom: 0px ;
background-color: black ; /* Change black */
border: 2px solid red ; /* Delete if no border needed */
padding: 0 10px 0 20px ;
}
.container[role=”main”] {
background-color: black ; /* black */
}

This bit, change the colors to what you want:

/* Change the central wrapper background */
#main-wrapper {
margin-top: 0px ;
margin-bottom: 0px ;
background-color: black ; /* Change black */
border: 2px solid red ; /* Delete if no border needed */
padding: 0 10px 0 20px ;
}
.container[role="main"] {
background-color: black ; /* black */
}