Background color full site incl CSS not working

Hi,

I’d like to change the default background color of my website from white to #090d0e.

Now I tried the layout section in theme options --> doesn’t work. So I put it on transparant now (no effect btw). (And I know I have my portfolio still on white background)

I did searched the forum and tried codes such as:
.x-site.site {
background-color: #090d0e;
}

or .x-main .full {
background-color: #090d0e;
}

Both worked once, and then everything went back to white. In inspector it gives an error in the line of invalid entry, but when I change the color of .x-site in inspector, the color does change. But then in CSS it doesn’t.

It seems like something of the theme is overruling this, but I can’t figure it out.

Could you help me out? Thanks!

Site background seems to be fixed now, tried the code again after an hour, but did nothing different…Any idea how that could be, because now I have the same issue with my portfolio background which in fact did work correctly before with CSS. Now Google inspector tells me “unknown property value” (which was with site background too before).

So question moved from site background to portfolio background :slight_smile:

Code used site:
.site, .x-site {
margin: 0 auto;
background-color: #090d0e;
}

Code used portfolio:

.x-portfolio {
background-color: #090e0f;
}

And 1 more thing on background color, if you go to my contact page www.reginar.photography/contact you will see a strange white area that suddenly came up. Never had that before. Any idea?

Sorry for the mess, I think the issue might be cashing errors? Now the portfolio code works suddenly.

The strange white rectangle on contact page is still there on my devices.

Hi @stinos,

Thank you for reaching out to us. That might have happened when you changed the background color via Theme Options. To fix this, go back to Theme Options > Layout and Design > Background Options and change the Background Color as you need, I believe you need to change the color to #090d0e

Hope this helps!

Haha, that I didn’t try this again as a last effort. Obviously if the default background has been put to transparent, empty area’s on a page will not be #090d0e

Anyway, it worked, thanks!

Glad to hear that it worked, Stinos.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.