Background colour won't change

Support
#1

Hi,

I"ve been using a background image without any problems for a couple of years, but I want to remove that and use one colour across the whole site.

I’m using Renew. I’ve gone - Theme Option, Layout and Design, Background color and input the colour I want. No matter how many times I do this, the page stays completely white.

I deleted all my custom CSS on the off-chance there was something changing the colour there, but the page is still white.

How can I specify a background colour, please?

Thanks,
Steve

#2

Hello Steve,

Thanks for writing in! The background color from the Theme Options should be applied to pages or posts using the default layout templates. If you are using the Blank - No Container page template, the section background colors will override the background color setting. To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation.

Cheers.

#3

Hi RueNel,

Thanks for getting back to me.

If you look at this page on which I’m experimenting with layouts, you’ll see there’s a white section at the bottom with two footer widgets in it, plus a white border down each side, even though the background colour options in X are set to be the same colour as the page.

I want to get rid of all the white areas and be able to make them whatever colour I decide upon for the page, please.

Thanks,
Steve

#4

Hello @Steve123,

To resolve your issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.site, .x-site {
    background-color: transparent;
}

Please let us know if this works out for you.

#5

Hi RueNel,

Thanks for getting back to me.

That has half worked - the white margins have disappeared, but the section at the bottom is still white. I’ve tried inputing a colour, instead of transparent, but that hasn’t helped. What can be done about this area, please?

Thanks,
Steve

#6

Hello Steve,

The background color at the bottom is from the theme options. Please go to X > Theme Options > Renew and select the background color. If that doesn’t work, then update the css code and use this:

body .site, 
body .x-site,
body .x-colophon.top {
    background-color: transparent;
}

Hope this helps.

#7

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