How do I change background color of right side bar and category header in X Theme Ethos

Support
#1

Hi, I am using Ethos and would like to keep the same background color in all the parts of the pages. How do i change the back ground color of the side bar and of the category page title?

#2

Hello There,

Thanks for writing in!

The background that is displaying in your site right now is pattern. Please go to X > Theme Options > Layout & Design > Background Options. You will need to set the background color and remove the background pattern. If you are not seeing any background pattern, please try to upload an image pattern and then remove it afterwards. This is crucial to make sure that the background pattern is updated and not the default ethos setting.

Hope this helps. Please let us know how it goes.

#3

Thanks. Removed the background pattern - did not realise it was a pattern - and works perfectly.

#4

Hi @Menegazzi,

Happy to hear that.

Feel free to ask us again.

Thanks.

#5

Hi, I am trying to change the background color for the header and footer by changing the background color in the Layout and Design Theme options but it is not working. No background pattern are present and adding one then removing it does make the background color to appear. I am confused.

#6

Hi @shimoda,

Thank you for writing in, please add this to X > Theme Options > CSS

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

Then set the body background on the Theme Options > Layout and Design

You can also use this custom CSS to directly change the header and footer background color.

header .x-navbar,
footer.x-colophon {
	background-color: magenta;
}

Hope it helps,
Cheers!

#7

Thanks that last piece of code work great for the header but has no effect on the footer witch remains white. Any idea!

#8

Hi,

Sorry about that, please update the provided CSS code to this:

header .x-navbar,
footer.x-colophon.bottom {
	background-color: magenta;
}

Cheers!

#9

Great! Thanks!

#10

You are welcome :slight_smile:

#11

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