Return to previous page

Product icons background hover – products

This topic has 7 replies, 2 voices, and was last updated 1 years, 8 months ago ago by Peter

Peter

Participant

February 13, 2023 at 10:44

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.

Please, contact administrator
for this information.

#346768 Copied Theme version: 9.0.1

6 Answers
Rose Tyler

Support staff

February 13, 2023 at 13:07
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
#346780 Copied
Peter

Participant

February 13, 2023 at 13:47

Hover is in the new color but black is still black.
It didn’t change what I needed.

#346786 Copied

Rose Tyler

Support staff

February 13, 2023 at 13:50

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

#346788 Copied

Peter

Participant

February 14, 2023 at 09:56

I found.
Can we give our own color? We don’t like black and white.

#346886 Copied
Rose Tyler

Support staff

February 14, 2023 at 11:09
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
#346903 Copied
Peter

Participant

February 14, 2023 at 11:37

Thanks, it’s works 🙂

#346907 Copied
Tagged: background, hover, icons, product, themes, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)