Docs

[Scott M]

Hello. You can use the code below to change a single page background color but I noticed that if you are using a background image with certain sizing codes applied, there can be conflicts. The code below will basically put a red background OVER the image in some cases.

I noticed that if I choose integrity light, then my background will be white. Also, if I choose dark, my background will be black. I found that when I apply codes to my background image (and switch between light and dark settings), there are NO issues at all with the image.

So my question is, do you have the css code to change integrity Light/Dark colors, to something other than black and white, for a single page? I think I just need a more hard coded solution for it to work…maybe just the integrity code with a page id in front of it.

thanks!!!

.page-id-115 .site {
background-color: red;
}

[Joao]

Hi Scott.

Add !important to your code so it will have priority.

.page-id-115 .site {
background-color: red !important;
}

Hope that helps,

Joao

[Scott M]

thank you but that doesn’t answer my question.

Please read again. I’m looking for the code integrity light/dark color code. It is not just a simple code I don’t think, as it pertains to your entire theme globally.

thanks

[John Ezra]

Hi Scott,

Thanks for updating the thread and sorry for the confusion. The background for the light and dark are applied on body element and the .site class is for the dive that covers the entire site.

If you put a background for the .site any background on the body element will not be visible as the .site is a layer on top of it.

You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.page-id-115 {
background-color: red;
}

In the above, we just removed the .site class. The .page-id-115 is a body element class so it automatically affects the body element.

Hope this helps – thanks!

[Scott M]

sweet…yep it worked in the customizer without affecting the image.

thanks!

[Rahul]

You’re welcome!

[Author]

Posts