Changing background colour of Integrity

Support
#1

Hi there
I want to change the background colour of posts and pages in Integrity theme

I added this custom CSS which I picked up from another thread on the forum

.x-root .site{
background: #000033;
}

but it hasn’t worked.

Can you help?

Adding my site log in in a private post. Thanks for help.

#2

This is an automated message to notify you that your thread was posted in the wrong forum, and it has been moved to the correct place. A member of our team will be happy to reply just as soon as your thread is up. How support works.

For support, please post all questions in the Support Forum.

For peer to peer conversations with other Themeco customers about tips, customizations, or suggestions you are welcome to use the Peer to Peer Forum (no official support provided here).

Design & Development, Marketing & Media, and Hosting & Optimization are for discussion with fellow Apex members about non Themeco related topics. Please keep this in mind in the future.

Thank-you!

#3

Sorry about that. It’s confusing. Hopefully someone will reply now.

#4

Hello @AppellaGW,

Thanks for writing in!

Please add following CSS to change page and post background color:

.entry-wrap {background-color: #ddd;}

Thanks.

#5

Woohoo Prasant, that totally worked, in fact I managed to put a gradient on it which is what my client really wants. (page is unfinished and the colors are probably temp but you can see here: http://bespoke-weddingrings.com

Opens up a heap more possibilities with Integrity. Very nice.

#6

Forgot to ask - any idea if I can get a different colour on the header background (behind top logo)?

While we are on subject the footer as well. Been meaning to ask for ages.

#7

Hi again,

For header and footer background color, you can make use of the following code:

.x-colophon.bottom {
    background-color: #063746 !important;
}
.x-colophon.top {
    background-color: #063746 !important;
}
.x-logobar {
    background-color: #167591 !important;
}

Change the colors as per your need.

Cheers!

#8

Thank you, that’s brilliant.

#9

You are most welcome.:slight_smile: