Make Posts Opaque (Not Transparent)?

In CSS I just tried changing this part:

background:transparent;

to

background:#ffffff;

but that changed EVERYTHING to opaque (solid white).

I only want the POSTS & Widgets to be opaque. Not the entire background page.

Please tell me this is possible…?

??

How about adding this CSS to your Custom CSS section of the dashboard, or Child Theme;

li.type-post,
div.type-post,
.type-page,
.home-post,
.featured {
 background: #fff;
}

On a side note, you need to optimize the background image, the one you currently use now is 647KB, that’s too much for the fucntion of it. You don’t want users of the site to pay this much on each page load.

Ok, I am off to do both of these things..will report back. Thanks for the help!

Paul – what size do you recommend?

Andrew – that WORKED! THANK YOU THANK YOU! ??

Andrew, any way you would / could give me the code to to the same thing to the side widget areas?

It’s not the size as in width and height of the image, it’s the weight of the file. For a background image that should expand full like this you could go over to 1900px wide, it’s okay like that as long as you optimize the image.

There are online tool that you could use to, not great like PS, but it’s still better than not optimize at all.

Sure, Hannah.
Instead of this;

li.type-post,
div.type-post,
.type-page,
.home-post,
.featured {
 background: #fff;
}

Try this;

li.type-post,
div.type-post,
.type-page,
.home-post,
.featured,
#secondaryContent,
#secondaryHome {
 background: #fff;
}

Thanks again to you both!