Post background transparent or an image?

[Cosawes]

Hi
How do you make a whole post page (rather than a block of a post) background transparent or an image, rather than plain white? I think I want all my posts to have the same background in which case I guess I need to apply ‘Additional CSS’ to the whole site settings. Maybe someone could also suggest the CSS for a background change for just an individual post too rather than global - for the occasional post that doesn’t work with a custom global setting?
TIA

[lely]

Hi @Cosawes,

Generally we can set background on Theme Options > Layout and Design > Background Options. This background settings are for the entire site. To make it global specific for single post page, we can use custom CSS. In can then be added on Theme Options > Global CSS

.single-post div#top {
    background-image: url(http://site.co/path-to-image/x-theme.jpg);
    background: red; /*fallback background color*/
}

If you want it for specific post only, we can add post ID to the CSS:

.postid-1135 div#top {
    background-image: url(http://site.co/path-to-image/x-theme.jpg);
    background: red; /*fallback background color*/
}

This might help: https://www.w3schools.com/cssref/pr_background-image.asp
Look at this sample: https://screencast-o-matic.com/watch/cYVrIEvsk6
How to locate post ID: https://theme.co/apex/forum/t/setup-how-to-locate-post-ids/59
You can also check our youtube video adding background using the builder:

The following might help to on how to inspect and get correct selector:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa