Individual Blog Posts Background Image

[niurka]

Hi,

I am wanting to have image backgrounds for each individual blog posts. I see there is an area to do this if you go into the wordpress dashboard > Posts > edit posts, then scroll all the way down to “Post Settings”. The thing is, when I add a background image, it will not show. I see it actually does load it, but the theme is covering it with a white background. I went into theme customization and set the background to clear, but still no luck. Can you tell me how this function works? Thank you. Here is a screenshot of the where I was adding the image:

The site in question is NiurkaInc.com. Here is a specific blog post: https://www.niurkainc.com/clear-effective-communication/

Thanks for any pointers!

[thai]

Hi There,

Please try adding this custom CSS under Theme Options > CSS:

.single-post .site, 
.single-post .x-site {
    background: transparent;
}

Hope it helps

[niurka]

That does not work, as it makes the entire background transparent. I would like the text and content to be on a white background, but have an image be behind all the content. Please see attached image to view my idea.

[friech]

Hi Niurka,

Please add the CSS code that Thai provided because that is necessary to remove the white background that covers the background image.

Then add this custom CSS to add a white background to the content container

.single-post .x-container.max.width.offset {
	background-color: white;
    padding: 2%;
    margin-top: 15%;
    max-width: 900px;
}

Feel free to adjust those values, the padding controls the white space inside the container, the margin-top controls the space above the container (between header and container). The max-width limits the width of the container giving more space at both sides.

And by the way, I see that you leave the background-fade and background-duration option empty, please put a value in there even 0 so the background-image will work/show.

Hope that helps,
Cheers!