Hi soulguy!
Case A. Every post resides within a <div class=”post”> so if you want to change the off white background for the whole post, including the title and meta data ( publish time, category ), you would change the rule for the class “post”.
It looks like this now:
.post , .page
{
margin:0 0 30px 0;
}
and you could add background: #FFFFFF; to this rule.
This will of course also change the the background color of the page class. If you don’t want this to happen, you don’t add the rule to .post, .page but create a new rule:
.post
{
background: #FFFFFF;
}
B. If you want to change the background only for the text of your post you use the post-content class
The text resides in its own class : ′<div class=”post-content”>′
The style for the post-content class looks like this:
.post-content, .page-content {
padding:10px 0;
margin:3px 0;
border-top:#BBC4A3 1px solid;
font-family: Georgia, Verdana, Arial, serif;
font-size:12px;
}
If you add the ′background: #FFFFFF;′ to this class, as you can imagine, the background for the page-content will also change. As in the A. case, you can create a new rule below this one explicitly for the post content:
you want to change the off white background for the whole post, including the title and meta data ( publish time, category ), you would change the rule for the class “post”.
It looks like this now:
.post , .page
{
margin:0 0 30px 0;
}
and you could add background: #FFFFFF; to this rule.
This will of course also change the the background color of the page class. If you don’t want this to happen, you don’t add the rule to .post, .page but create a new rule:
.post
{
background: #FFFFFF;
}
B. If you want to change the background only for the text of your post you use the post-content class ( The text resides in its own class : ′<div class=”post-content”>′ )
The style for the post-content class looks like this:
.post-content {
background: #FFFFFF;
}
The rules already set for the post-content class still apply and the new background rule is added.
Good luck!
