Return to previous page

Changing "add to cart" font color on hover on single-products page

This topic has 6 replies, 3 voices, and was last updated 8 years, 9 months ago ago by Jack Richardson

talonhead

Participant

February 24, 2016 at 10:50

Just as the title says. I can change it to the style I want on the products page side…but I can’t replicate it on the single-products page.

Thanks!

#114560 Copied Theme version: 1.5

5 Answers
Eva Kemp

Support staff

February 24, 2016 at 11:11
Hello,

Add this code in Global Custom CSS:
```
.product-information .cart button[type="submit"]:hover {
   color: white !important;
}
```
Regards,
Eva Kemp.
#114565 Copied
talonhead

Participant

February 24, 2016 at 11:18

Nice! Thanks Eva. And the code for changing the font color on hover on the products page just for future reference?

#114571 Copied
Eva Kemp

Support staff

February 24, 2016 at 12:51
Hello,

Please use this code:
```
.product .content-product .btn:hover {
    color: red;
}
```
Write your color value.

Regards,
Eva Kemp.
#114582 Copied
talonhead

Participant

February 24, 2016 at 14:45

Case closed! 🙂

#114608 Copied

Jack Richardson

Support staff

February 24, 2016 at 14:47

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#114610 Copied
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Changing "add to cart" font color on hover on single-products page’' has been successfully resolved, and the topic is now closed for further responses

Changing "add to cart" font color on hover on single-products page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection