Change colour of 'In shopping cart' button

This topic has 7 replies, 2 voices, and was last updated 7 years, 10 months ago ago by Rose Tyler

  • Avatar: ycs7a
    ycs7a
    Participant
    January 31, 2018 at 01:21

    Hi,

    How can I change the colour of the shopping cart button, so that it is like on this website?

    Thank you

    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 31, 2018 at 08:35

    Hello,

    .single-product .product-information .cart button[type="submit"] {
        background-color: #2fd03b !important;
    }

    Regards

    Avatar: ycs7a
    ycs7a
    Participant
    January 31, 2018 at 23:05

    Thank you. Is it possible to make the colour gradient green like on the mentioned website?

    Avatar: ycs7a
    ycs7a
    Participant
    February 1, 2018 at 00:02

    And: if you hover over the ‘Shop’ button, that you then get a slightly darker colour green of the button?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 1, 2018 at 09:49

    Hello,

    Thank you. Is it possible to make the colour gradient green like on the mentioned website?

    – You’re welcome! Please provide screenshot for better understanding what exactly gradient do you mean.

    And: if you hover over the ‘Shop’ button, that you then get a slightly darker colour green of the button?

    .single-product .product-information .cart button[type="submit"]:hover {
        background-color: #17ab22 !important;
    }

    Regards

    Avatar: ycs7a
    ycs7a
    Participant
    February 2, 2018 at 23:21

    Thank you kindly

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 5, 2018 at 09:51

    You’re welcome!

    Regards

  • Viewing 7 results - 1 through 7 (of 7 total)

The issue related to '‘Change colour of 'In shopping cart' button’' 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.