Change hover color of header icons

Hello,

I would like to change the hover color of my header icons (wishlist, my account, cart, search icons). The hover color is currently a grey that I don’t have set up in theme settings.
Is this something that I can customize?

Thank you

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

span.wd-tools-icon:hover::before {
color: red;
}

Best Regards

Hello Aizaz,

Thanks a lot it works perfectly.

I have the same question for the “add to wishlist” and “size guide” buttons on single product pages. Is there a line of code I could add to customize their hover color as well?

Hello,

You are Most Welcome.

Please try adding the following Custom CSS for that.

.wd-action-btn.wd-style-text>a:hover:before {
    color: red;
}

Best Regards

Thanks!
This code changed the hover color of wishlist and size guide icons but not of the text. A little something is probably missing in the code…

Hello,

You are Most Welcome.

Please replace the previous Custom CSS with the following then check back.

.single-product .wd-action-btn.wd-style-text>a:hover {
color: red;
}

Best Regards

This works perfectly.

Thanks a lot!

Hello,

We are Glad that you loved our Theme and Support Staff. We wish you all the best.

If you do not mind, can you please leave a 5 stars rating for our Theme & Customer and Technical Support by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in future. It would encourage our work a lot. If you like our Theme and Support.

Thanks for contacting us.
Have a great day :-)

Topic Closed.
Best Regards.

[Author]

Posts