Return to previous page

How to change checkout button on product page to green

This topic has 5 replies, 2 voices, and was last updated 9 years, 2 months ago ago by Jack Richardson

groubee

Participant

September 22, 2015 at 17:45

Hi

How can we change the “Add to cart”/Checkout button from black to green (#5ed543) on the product page,
see: https://www.dropbox.com/s/mi3y670aq9en0pm/green-button.jpg?dl=0

ex this page: http://dev-smooff.serv10.powerhosting.dk/shop/smooff/

Best regards
Tonny

#88677 Copied

4 Answers
Jack Richardson

Support staff

September 23, 2015 at 09:37
Hello,

Please use this code in Theme Options > Custom CSS > Global Custom CSS:
```
.product button.single_add_to_cart_button.quick-checkout-product {
  background-color: #5ed543 !important;
}
```
Best regards,
Jack Richardson.
#88777 Copied
groubee

Participant

September 23, 2015 at 11:56

Thanks it works great!

Could I get a hover on?

#88798 Copied

groubee

Participant

September 23, 2015 at 12:21

np I found out my self!! it works great – Thanks!!

#88800 Copied

Jack Richardson

Support staff

September 23, 2015 at 15:19

Hello,

Glad to hear it.

Have a nice day.

Best regards,
Jack Richardson.

#88844 Copied
Tagged: best selling, button, change, checkout, green, themes, woocommerce
Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘how to change checkout button on product page to green’' has been successfully resolved, and the topic is now closed for further responses

How to change checkout button on product page to green

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection