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, 6 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

Helpful Topics

Increase font size in checkout area

2 weeks, 3 days ago by Nicola 4
Opening the mobile panel menu

5 months, 1 weeks ago by MAHDAR 11
Pop up that is triggered by a button click

9 months, 3 weeks ago by jhawker81 5
want to change checkout page header but unable do this

1 years ago by amna 1
Questions about themes widgets in elementor

1 years ago by Nicolo 3

How to change checkout button on product page to green

Helpful Topics

Browse by popular tags

Explore our best WordPress WooCommerce Themes collection