WooCommerce Sidebar Active Tabs CSS

Question

I'm using WooCommerce Wordpress plugin for my site. On my products page I have the standard 'accordion' style layout that shows all sub-headers for the current category but hides all the sub-headers for 'non-active' categories

I would like to change the styling of the active categories but leave the non active tabs exactly the same. The issue is that any change seems to affect everything. I am using the flowing css

.cat-item cat-item-17 current-cat cat-parent {
    color: #20dbfc!;
}

you can see the site here - http://www.lukeallen.co/sites/wp-test-01/product-category/indoor-led-lighting/

Answer 1

You need to apply your custom rules to the current cat class only. You have included too many classes, and therefore have lost specificity.

Try:

.current-cat {
    color: #20dbfc!;
}