Problems with Content - Background Color

[Kirchhofer]

Hey there,
I try to set the the Background color in -->Theme Options --> “Layout and Design”, but the background is still white - but not underneath the footer. What’s my fault? Please help!
Thank you

[mldarshana]

Hi Susanne,

Thanks for writing in! To set footer background colors, could you please try adding the following CSS rule into your X -> Theme Options -> CSS area and change the color values accordingly.

.x-colophon.top {
    background-color: #3333;
}
.x-colophon.bottom {
    background-color: gray;
}

Hope that helps.

[Kirchhofer]

Thanks for answering! Sorry, no, do you see the white area between the header and footer, thats my content. I want my content to be gray, not white!

here is another picture to show what I mean… the background of the content is white although the background color is set gray…

Thanks for Help!

[jade]

Hi Susanne,

I have checked this further and the background color is set to the body element of the page but there is a default which white background in the inner div that has the page content which overs the body background.

The easy way to get rid of the inner background color is to add this code to X > Theme Options > CSS:

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

Another option would be to individually set the background color to each section.

Hope this helps.