Archived topic
Background image removal on specific page
6 replies · Started by heliosmp on March 20, 2018
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!
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;
}Hi ,
how can i remove the background image from posts only?
But by everyone!
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 :)
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.
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 :-)
Glad to hear :)
