How to change background color in posts

[Mike Pickering]

How can I *add* a background color?  I would like a darker color, or a darker color with some added level of transparency so white text in the post will show up.  I have a background image set and it is hard (near impossible?) to read the post itself.

Thanks

[Andy]

Hi Mike,

Did you receive my email reply to your question that you previously asked via our contact form?

I ask because I’m not sure if this is a different question or the same.

To add a white backgorund to the content area of your single post pages, add this CSS snippet to Customize > Additional CSS:

.single .content-area {
    background: #fff;
    padding: 1em;
}

…or if you want the background image to show thru slightly, use something like this:

.single .content-area {
    background: rgba(255,255,255,0.7);
    padding: 1em;
}

Hope I have understood correctly and this helps answer your query.

[Andy]

Just re-reading your question it appears you want white text with a dark background… in that case use this instead:

.single .content-area {
    background: rgba(45,54,76,0.5);
    padding: 1em;
    color: #fff;
}

[Mike Pickering]

Thanks Andy – sorry, looks like your previous emails were marked as spam.  Changed that for future.  Thanks again!  Worked perfectly…

[Author]

Posts