[Bradley HParticipant]

Hi there,
I just purchased X Theme and sooooooooo love it!!! It’s the best theme I have ever used.
I just had a question about the Integrity Theme’s dark setting. I was wondering what the CSS code is for changing the colour of the body container and the header and the sidebar?
Thanks so much for the help

[ChristianModerator]

Hey Bradley,

Thanks for writing in and your kind words.

The container of both the main content and sidebar has .site class. The main content is .x-main and the sidebar is .x-sidebar.

To use them in CSS, you’ll code as follows:

.site { background-color: red; }
.x-main  { background-color: yellow; }
.x-sidebar { background-color: green; }

The colors are samples only. You can change them as per your needs.

Hope that helps. 🙂

[Bradley HParticipant]

Hi there,
Thank you so much for the reply. This really helps and again LOVEEEE the theme. It makes everything so easy.

[SupportMember]

Hey Bradley,

Your Welcome!

Thanks

[Zsuzsanna TParticipant]

Hi there,

It helped me as well, so thank you 🙂

But would like to know, how can i change the background colour of the menu?

Oh, ok, figured out! 🙂 “.x-navbar”

Thanks anyway!

Susanne

[ChristianModerator]

You’re welcome.

[Lee MParticipant]

I cannot find a way to change the container color.

I have set up a sample on my site nlmosler.com to show what I mean. It’s the dark grey container that sits in the middle of the page. How do I remove the background color and border?

Issue has been fixed. Added the following to the custom portion in customizer

.entry-wrap {
background-color: rgba(0,0,0,0);
border-radius: 4px;
-webkit-box-shadow: inset 0 -0.125em 0.5em 0 rgba(0,0,0,0) 3px 2px -2px rgba(255,255,255,0);
box-shadow: inset 0 -0.125em 0.5em 0 rgba(0,0,0,0) 3px 2px -2px rgba(255,255,255,0);
}

[RadModerator]

Great to hear that Lee! 🙂

[Author]

Posts