Archived topic
Single Page Background Color
5 replies · Started by Rafael on May 30, 2022
Hi,
I used `body.page.page-id-XX {
background-color: fff;
}`
To change the background color of a specific page.
But I can see that .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .one-container .container, .separate-containers .paging-navigation, .inside-page-header {
It might need a background color of white.
How would I go about changing that only to a specific page??
Hi there,
for a static page on your site you just need this for example:
.page-id-XX .separate-containers .inside-article {
background-color: #000;
}The other classes you see are for other layout or post types that are not present on a static page.
Weird.
I tried
.page-id-885 .separate-containers .inside-article {
background-color:#ffffff !important;
}But it's not working, I even cleared the cache.
Replace:
.page-id-885 .separate-containers .inside-article
with
.page-id-885.separate-containers .inside-article
Leo & David
Thanks, that works.
No problem :)
