[Resolved] Background image removal on specific page

[heliosmp]

How to remove the background image on the front “blog posts” page? The “blog posts” page is set as the home page of the website. I want to remove the background on this front page only, but keep it on other sub-pages.

I tried something with custom css for “blog posts” page (with ID=18), but it doesn’t work.

.post-id-18 #body {
background-image: none !important;
}

Thank you for your support!

[Leo]

Hi there,

Have you resolved this? I don’t see a body background image on the front page.

Try this CSS if you still need:

body.home.blog {
    background-image: none;
}

[Daniel Häckel]

Hi ,
how can i remove the background image from posts only?
But by everyone!

[Leo]

Are you referring to the body background image?

If so try this CSS:

body.single {
    background-image: none;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[Daniel Häckel]

Hi Leo,

thank you for your help.
Unfortunately, it doesn’t really work.
In order to increase readability, there should be a white background in all posts.
No background image but a white background …

I think I need the class of posts to change the background, right?
Then I can say:
background-image: display none;
or something similar.

[Daniel Häckel]

Hi Leo,
I fixed it.
.single-post .inside-article, .single-post .comments-area {
background-image: none;
background-color: rgba (255, 255, 255, .8);
}
That’s what I needed … thanks anyway 🙂

[Leo]

Glad to hear 🙂

[Author]

Posts