Return to previous page

Removal of Add To Cart Mouseover Effect - by antiguanice

This topic has 9 replies, 3 voices, and was last updated 10 years ago ago by Eva Kemp

antiguanice

Participant

December 10, 2014 at 19:01

Hi,
Is there a way that the Add To Cart Buttons so that the button just displays when a size of a product is selected rather than a black rectangle until the mouse pointer is placed over it?

Thanks!

#28907 Copied

8 Answers

Robert Hall

Support staff

December 10, 2014 at 19:06

Hello,

Could you please clarify with more details what exactly you want to do and show us screenshots?

Regards,
Robert Hall.

#28909 Copied

antiguanice

Participant

December 15, 2014 at 16:35

Hello Robert,

The product page shows a button called Add To Cart once the Product Size is selected.

This button shows as a black rectangle (or button) until the mouse pointer is placed over this rectangle when the black rectangle is replaced by an orange rectangle with the text Add To Cart.

This website is under development currently so I’m not able to send a screen shot on the forum but I have sent the link to one of pages in the Private Content section.

Thanks for your help.

Please, contact administrator
for this information.

#29587 Copied
Eva Kemp

Support staff

December 15, 2014 at 17:39
Hello,

Please add this code into custom.css file:
```
button.single_add_to_cart_button.etheme-simple-product.button.alt {
color: white !important;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Regards,
Eva Kemp.
#29619 Copied
antiguanice

Participant

December 16, 2014 at 15:07

Hello Eva,

That worked well, thanks for your help!

#29826 Copied

Robert Hall

Support staff

December 16, 2014 at 15:11

Hello,

You’re welcome!
We will be very grateful if you could leave a rating for our theme and your review.

http://themeforest.net/item/royal-multipurpose-wordpress-theme/8611976

Regards,
Robert Hall.

#29829 Copied

antiguanice

Participant

December 17, 2014 at 20:57

Sorry but for some reason, this effect is no longer taking place…

I’ve made some other changes to the custom CSS file, would you mind taking a look and advising whether they would negate this change?

I will put details in the Private Content section.

Please, contact administrator
for this information.

#30138 Copied
Robert Hall

Support staff

December 17, 2014 at 21:06
Hello,

Please add this code into custom.css file.
```
.single_add_to_cart_button{
color:#fff !important;
}
```
Regards,
Robert Hall.
#30147 Copied
Eva Kemp

Support staff

December 17, 2014 at 21:17

Hello,

Have you enabled custom.css in Theme Options > Custom CSS?
Please provide us with wp-admin panel credentials in Private Content.

Thank you.
Regards,
Eva Kemp.

#30150 Copied
Tagged: cart, effect, mouseover, remove, templates, woocommerce, wordpress
Viewing 9 results - 1 through 9 (of 9 total)