Return to previous page

Hover Buttons CSS Class - by jonghaur - on WordPress WooCommerce support

This topic has 9 replies, 3 voices, and was last updated 7 years ago ago by Rose Tyler

jonghaur

Participant

December 3, 2017 at 23:44

Hi guys,

I want to change the color of the hover buttons for:

– Add to cart button on product page
– Go to shopping cart button
– In checkout, payment button

Example of the places:
– http://gastrodome.nl/product/testproduct-gastrodome/
– http://gastrodome.nl/afrekenen/
– Header > Shoppingbag Icon > Orange button

Can you help regarding which CSS classes these are?

#179183 Copied Theme version: 4.13 WooCommerce version: 3.2.5

8 Answers

Amzy Leel

Participant

December 4, 2017 at 05:57

Hi,

Add to cart button on product page
.single-product .single_add_to_cart_button:hover { background-color: #f00 !important; border-color: #f00 !important;}

In checkout, payment button
.woocommerce-checkout .form-row.place-order input[type="submit"]:hover { background-color: black; color: white; border-color: black; }

#179186 Copied

Amzy Leel

Participant

December 4, 2017 at 05:57

We could not check your site for other changes because your sit is under maintenance mode.
send us screenshots or temporary login details for better understanding and we will give you the correct code.

#179187 Copied

jonghaur

Participant

December 11, 2017 at 21:39

Hi the website is online now, do you need a login? You may also fix this yourself trough the wordpress customizer if you like?

#179864 Copied

Rose Tyler

Support staff

December 12, 2017 at 09:00

Hello,

We have 3 types of buttons on our site – light (for example http://prntscr.com/hdcwhy), dark (for example http://prntscr.com/hdcwxi), active (for example http://prntscr.com/hdcx3r).
Please try to use Theme Options > Styling -> Content > Customize buttons to change styles of your buttons http://prntscr.com/hdcxly.

Regards

#179888 Copied

jonghaur

Participant

December 12, 2017 at 22:01

Hi,

Thanks, the buttons are changed but the hover buttons aren’t changing?

Any ideas?

Let me know if you want to have acces to the website.

#179970 Copied

Rose Tyler

Support staff

December 13, 2017 at 08:37

Hello,

Please go to Theme Options > Styling > Content > Customize buttons on hover state > http://prntscr.com/hmtklu
Let us know if you need any further assistance.

Regards

#179990 Copied

jonghaur

Participant

December 14, 2017 at 21:48

Hi, see here:https://ibb.co/k9awjm , it is not working?

I have send you the login details, maybe it is easier for you to look:)?

Please, contact administrator
for this information.

#180191 Copied

Rose Tyler

Support staff

December 15, 2017 at 09:26

Hello,

Thanks for the credentials.
I’ve deleted custom css code from Theme Options > Styling > Custom css.
Please check now.

Regards

#180210 Copied
Viewing 9 results - 1 through 9 (of 9 total)