would like to change menu color on woocommerce product categories widget.

[pratchya]

would like to change menu color on woocommerce product categories widget. Current;y I’m using woocommerce product categories widget on left side menu but the menu color is all grey color so it is hard to identify what current menu really is. Do you have custom CSS to change color of the current menu that shown children. SO user can identify their current position easier.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Try to add the code below to your custom css option.

.tax-product_cat .current-cat-parent > a:first-child {
    color: blue!important;
}

Change the color to your desired one.

-Rui

[pratchya]

Hi rui,

Thank for the css, i did try add the css you gave but not thing change, color still be gray. could you please see my screen capture. what i did wrong.

Attachments:

You must be logged in to view attached files.

[pratchya]

Hi rui,

The color already changed to blue as your first advice. Could you please advice more on

1. right now the color changed is on cat-parent and first-child. Therfore, how to make all child changes to blue as well . Could be show all child as same as what breadcrumb does ..please see capture screen

2. How to make this change effect to product page as well?

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

To make the child items blue, use this:

.widget_product_categories ul.children li a {
  color: blue!important;
}