How to change checkout button on product page to green

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

  • Avatar: groubee
    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

    4 Answers
    Avatar: Jack Richardson
    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.

    Avatar: groubee
    groubee
    Participant
    September 23, 2015 at 11:56

    Thanks it works great!

    Could I get a hover on?

    Avatar: groubee
    groubee
    Participant
    September 23, 2015 at 12:21

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

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    September 23, 2015 at 15:19

    Hello,

    Glad to hear it.

    Have a nice day.

    Best regards,
    Jack Richardson.

  • 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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.