X theme Integrity theme side bar

Hi All,

I have read quite a few posts on changing background and text on the side bar, widget, etc on the X theme Integrity theme side bar but not sure exactly where and what custom css to add?

Help is greatly appreciated. With so many questions on it, might be a great future addition.

Dennis

Hey Dennis,

The Integrity stack doesn’t have an option to add a background for the sidebar because that is the stack’s design. The sidebar has a class of x-sidebar. You can apply a background color to it. I recommend not changing it though as it won’t look good.

You can add custom CSS in Pro > Launch > Theme Options > Global CSS.

Thanks.

Hi Christian

thank you for your response. I’'ve attached a link can advise the best stack to keep this look but change the color?

http://www.handinhandfamilycare.com/about-hand-in-hand-family-care/

Hi there,

As of now, the none of the sidebars of each stack are customizable out of the box.

However, you can add custom CSS like this:

.x-sidebar {
    background-color: #efefef;
    padding: 25px;
}
1 Like

Hi @Jade - this doesn’t work for me? Integrity stack. Any advice?

Hey @momosaheb,

Thanks for writing around! You should try adding the following code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

.x-sidebar {
    background-color: #efefef;
    padding: 25px;
}
.h-widget {
    color: red !important;
}
.widget {
    color: #9b9595 !important;
}
.widget a {
    color: red !important;
}

Let us know how this goes!