How to Change the Default Background Color of All Blog Posts

To edit the HTML to change the background color of all posts, go into your blog, click Layout, and click Edit HTML. Make a backup copy of your template first by clicking Download Full Template, and saving the file where you can find it again.

Find this line of code:
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}

Insert the following line in between "margin" and "line-height"
background-color:#FDFFFB; /* default background color of all posts */

Now the code should look like this:
.post-body {
margin:0 0 .75em;
background-color:#FDFFFB; /* default background color of all posts */
line-height:1.6em;
}

Replace FDFFFB with the hexadecimcal color code of your choice. See our blog that gives the codes for very light pastels.

You can also add a border around your posts and change the line height as shown below:

.post-body {
margin:0 0 .75em;
background-color:#FDFFFB; /* default background color of all posts */
border:1px solid #F7FDF0; /* solid 1px border with color #F7FDF0 */
line-height:1.6em; /* vertical space between lines of text */
}