Change Background Color Container Template

Support
#1

Hi there,

Is it possible to change the background color of a container template (Integrity)? I also would like to get of the shadow.

Thanks,
Daniel

#2

Hi Daniel,

Please try this code:

.page .entry-wrap {
    background-color: #ccc;
    box-shadow: none;
}

Hope this helps.

#3

Works. Thanks!

Best,
Daniel

#4

Glad we could help.

Cheers!

#5

That is great for the central container - is it possible to change the colour of the outer container too. Currently it is a paler dark grey and I’d like both the container and the outer container to look the same.

thank you! site is www.ritawilliamsondesigns.co.uk

I didn’t want to start a new thread because the code on here works for part of my problem.

#6

Hello there,

Please try this CSS code bleow.

div#top {
    background-color: #cccccc;
}
.page .entry-wrap {
    background-color: #ccc;
    box-shadow: none;
}


.x-topbar {
    background-color: #ccc;
}

Please let us know how it goes.

Best regards.

#7

fantastic! thank you so much!

#8

You’re most welcome!

#9

I know this is an old conversation
The css works well to solve this issue. But isn’t there a setting for this color?

#10

Hi Christopher,

Thank you for writing in, unfortunately no since that container is rarely used to change the background, because you can set a background on the section itself and you can set the general body background color under Theme Options > Layout and Design

Cheers,