Return to previous page

Change colour of 'In shopping cart' button

This topic has 7 replies, 2 voices, and was last updated 6 years, 9 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

    #183384 Copied
    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

    #183393 Copied
    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?

    #183520 Copied
    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?

    #183521 Copied
    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

    #183546 Copied
    Avatar: ycs7a
    ycs7a
    Participant
    February 2, 2018 at 23:21

    Thank you kindly

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

    You’re welcome!

    Regards

    #183906 Copied
  • 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Marseille 03 – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme

See All Templates

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