Docs

[Nick F]

Hi,
My site is http://www.thetemperancemovement.com
When i click on any post to see it full page, i’d like to darken either the post container or the whole background so that the background image doesn’t interfere with reading the text. How do i do this?
Also, how would i change the image just for the single post page?

kind regards,

Nick

[Nico]

Hi There,

Thanks for writing in.

Add this in your Customizer > Custom > CSS:

To change the container,

.postid-8298 x-main left{
background:#000;
padding:10px;
}

To change the whole background color:

.postid-8298 .site{
background:#000;
padding:10px;
}

To add the CSS on a specific page, just adjust the class .postid-8298 in the suggested CSS code above.

To locate the post ID check the link below:

https://community.theme.co/kb/how-to-locate-post-ids/

Or use browser inspector and check the class in the body because id class is shown in the body class.

Hope it helps.

Thanks.

[Nick F]

Thank you. However, i want to change the background on every single post, not just id8298

regards,

Nick

[Jade]

Hi Nick,

To change the background for all single post, please use this:

.single-post x-main left{
    background:#000;
    padding:10px;
}

.single-post .site{
    background:#000;
    padding:10px;
}

Hope this helps.

[Nick F]

Great, Thanks

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts