Changing the Sidebar background color

Support
#1

How do I change around the sidebar background color?

I found a code in support to change the sidebar color, but the area around the sidebar has not changed nor can I get rid of the bar that goes under the menu.

Sidebar color
#2

Hi There,

Please try with this custom CSS:

.x-content-sidebar-active .x-container.main:before {
    right: 0;
    width: 100%;
}
.x-sidebar.right {
    background: #fff;
}

Hope it helps :slight_smile:

#3

No, I still get the grey background to the right and top of the sidebar.

#4

Hi There,

Please update the previous CSS to this:

body {
    background: #fff;
}
.x-content-sidebar-active .x-container.main:before {
    right: 0;
    width: 100%;
}
.x-sidebar.right {
    background: #fff;
}

Hope it helps :slight_smile:

#5

I’m not trying to change the background color of the website, it’s the areas marked with the arrows in the attached image I am trying to change. Neither code has worked for that area

#6

Hi,

Thanks for writing in!

You can change that under Theme Options > Layout and Design > Background Options

Hope that helps.

#7

Yeah, I tried that. I see what the problem was. You had an image in the square below the “Select Color” box so whenever I did change the color, the color never changed. Removing the image showed the color change.

Can you tell me what is the color code to match the menu bar? It is not plain black (#000000) and you’ll be done with me here.

#8

Hi There,

Thanks for writing in!

The color code is #332e2e

Hope this helps!

#9

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