This topic has 7 replies, 2 voices, and was last updated 1 years, 10 months ago ago by Peter
How to change the color of the element that I marked on the screen?
I tried to change but it doesn’t change.
Please help.
Hello, Peter,
Please try to use the next custom CSS code:
.footer-product .button:hover,
.footer-product .show-quickly:hover,
.footer-product .xstore-wishlist:hover {
background-color: red !important;
}
If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.
Kind Regards,
8theme team
Hover is in the new color but black is still black.
It didn’t change what I needed.
Hello, Peter,
Yes, this code affects only color on hover – https://prnt.sc/nN__h2wpwbsm
The black can be changed to white, via Theme options > WooCommerce > Shop > Products style > Hover Color Scheme.
If this is not what you are looking for, please describe the desired result in more detail.
Kind Regards,
8theme team
I found.
Can we give our own color? We don’t like black and white.
Hello, Peter,
Yes, here is the custom CSS for it:
.footer-product .button, .footer-product .et-wishlist-holder, .footer-product .show-quickly, .footer-product .xstore-wishlist {
background-color: red;
}
Kind Regards,
8theme team
Thanks, it’s works 🙂
Tagged: background, hover, icons, product, themes, woocommerce, wordpress
The issue related to '‘Product icons background hover – products’' has been successfully resolved, and the topic is now closed for further responses