Change header icons color, on mouse hover.

Hi, i would like to change the header icon color on mouse hover,for this 3 Icons: WISHLIST,MY ACCOUNT,CART

Actually i’m using this code to change the color ”before”:
.woodmart-wishlist-info-widget .wishlist-icon:before {color: #867759; }

When mouse is hover, i would like to change to this color: #f3d555

Hello,

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

body .woodmart-wishlist-info-widget a:hover .wishlist-icon:before {
color:red;
}
body .my-account-with-icon a:hover .wd-tools-icon:before {
color:red;
}
.woodmart-shopping-cart a:hover .woodmart-cart-icon:before {
color:red;
}

Set the color as per your needs

Best Regards

[Author]

Posts