Docs

[jezza_195]

Hi, I’m having difficulty styling my custom sidebar content. I am able to edit the background color and remove borders, however nothing else seems to change, even with a !important tag.

I would like to edit background color, font color, hover color, and ideally the indents (there is a sub menu).

Thanks!

[jezza_195]

This reply has been marked as private.

[Friech]

Hi There,

Thanks for writing in! Change the sidebar background with this custom css

.x-sidebar.right,
.x-sidebar.right .widget ul li,
.x-sidebar.right .widget ol li {
	background-color: green;
}

And this for the menu items color and its hover color

.x-sidebar .widget.widget_nav_menu .current-menu-item a {color: red;}
.x-sidebar .widget.widget_nav_menu .current-menu-item a:hover {color: blue;}

And this for the sub menu indents

.widget ul li li li li a, .widget ol li li li li a {
    padding-left: 4em;
}

Feel free to adjust the padding and color values where you see it fits.

Cheers!

[jezza_195]

Thankyou!

Could you also please help with the following:
Change padding of the very first item (the heading)
Capitalize text (text-transform: capitalize isn’t working)
Change the width of the sidebar (shrink it – it is too wide)
On mobile devices, the sidebar appears at the bottom. Can I change it so there is a drop down box in the top right the user can click on (which would then expand into the page) but is by default collapsed?

[Christopher]

Hi there,

#1 & #2 Please add this code as well:

.x-sidebar .h-widget {
    padding: 2px;
text-transform: capitalize;
}
.x-sidebar ul#menu-fcast > li > a {
    padding: 11px 10px;
    text-transform: capitalize;
}

#3 Please navigate to Customize -> Layout and design and increase content width to decrease sidebar width.

#4 Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities.

Hope it helps.

[Author]

Posts