Can't change color of current-cat in Wordpress Woocommerce Categories

Question

Looking to change the color of the "children" in the current category when clicked on.

http://www.montagewestport.com

For example, in the furniture page, in the left sidebar, if you click a category and go to the page, I'm trying to make that page's newly visible "subcategories" display a different color.

I think it has something to do with the current-cat class or the children class, but I can't get it to work.

Does anybody have experience with this?

Thanks in advance!

Answer 1

As I have seen on your website you have multiple navigation levels and I didn't know which level, so I'll give you the two examples.

If you mean the first level you can add following to your css file:

.children li {
    background-color: beige;
}

If you mean the level underneath the children, do following:

.children li ul li {
    background-color: beige;
}

I you would like to change the text color do like this:

first level

.widget .children li a {
    color: #1fb4b9;
}

second level

.widget .children li ul li a {
    color: #1fb4b9;
}