Change color when hover on product categories

Hi!
I want to change the color of category title hover. I want to change the color from black to white, i tried to do this, but i wasn-t able to find the specific class to change this. Can you help me please?

Thanks!

Hello,

Thank you very much for choosing our theme and for contacting us.

Please add this code to the Theme Settings > Custom CSS > Global:

body .category-grid-item .category-title{
color:white;
}
body .category-grid-item .more-products{
color:white;
}

If the code does not work, please provide page URL

Best Regards

It doesn-t work.
What i want to do is to change the color to white when hover is active, so when i hover on a box of product categories element ( like in the video ) i want the color to be white, but if i don-t hover the box i want to stay black.

Hello,

Please provide your site URL if the site is under construction, please provide admin access to the private area.

Best Regards

Hello,

Ok i`ll give you acces.

Thanks!

Hello,

1. Correct the mistakes in the Theme Settings > Custom CSS otherwise, any code you add would not work.

2. Remove the classes from categories they are not correct custom category-title, awesome category-title:hover, nawesome category-title

3. Add this code:

body .category-grid-item:hover .wrapp-category h3.category-title{
color:white;
}
body .category-grid-item .wrapp-category  h3.category-title{
color:black;
}

Best Regards

It works!

Thank you!

Have a nice day!

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts