Style of Menu Widget

[mhawker]

I have setup a menu widget in the sidebar that is calling in a menu.

The style of the links is set as follows.

a, .ui-widget-content a {
color: #415B87;
}

The issue is this not only styles that one category but any other subcategoryys that are beneath the main category, please see screenshot.

I am using the custom menu widget instead of the Woocommerce Product categories to make sure I get the exact order and level of hierarchy as well as styles. The other widget was not displaying to what we need.

Please advise on how to style just the current Product Category using this method.

[Melanie – SUPPORT]

Can you show me a link of your website or a screenshot? Thanks!

[mhawker]

Attached.

[Melanie – SUPPORT]

Can you show me your website live? I will look for custom css for you 🙂

[mhawker]

http://sofabeds.wpengine.com/product-category/chairs-and-ottomans/

[Melanie – SUPPORT]

Hi,

add this custom css and let me know if it works please:

.sub-menu a {
color: #333!important;
}

.sub-menu li.current-menu-item a {
color: #f58220!important;
}

Cheers!

[mhawker]

Hi Melanie,

This did work for the side menu but then it causes the main menus to lose there styling.

Do we have some CSS that will fix this without effecting main menu?

[Melanie – SUPPORT]

.sidebar .sub-menu a {
color: #333!important;
}

.sidebar .sub-menu li.current-menu-item a {
color: #f58220!important;
}

[mhawker]

Perfect 🙂

[Melanie – SUPPORT]

Woohoo! 🙂