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