How to remove background image in blog posts

[IRGmarketing]

I have a background image set for the main page of my website, but it is also showing up on my blog post pages. How to I remove the image on my blog posts?

http://on0.f76.myftpupload.com/2019/09/test/

Notice the background image showing up on the right under the text. Is there CSS that I can use to remove it. I use the image on my main page which I do want.

http://on0.f76.myftpupload.com/

Any help is greatly appreciated.

Thanks!!!

[ruenel]

Hello @IRGmarketing,

Thanks for writing in!

To remove the background image for your single blog posts, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.single .backstretch {
    display: none !important;
}

We would love to know if this has worked for you. Thank you.

[IRGmarketing]

@RueNel

.single .backstretch {
display: none !important;
}

Yep, that worked! Thanks!!!

[IRGmarketing]

So, that worked for individual blog posts, but when I go to the blog main page, it still shows the background image. Anyway to fix this? http://on0.f76.myftpupload.com/news/

[ruenel]

Hello @IRGmarketing,

The code will only work to single blog post. If you want to include the archive pages and the blog index, you will have to update it and use this:

.single .backstretch,
.blog .backstretch,
.archive .backstretch {
  display: none !important;
}

Please let us know if this works out for you.