Return to previous page

Colors of add to cart - by doncartel - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 9 years ago ago by Robert Hall

  • Avatar: doncartel
    doncartel
    Participant
    November 4, 2015 at 13:25

    Hello, I would like to reverse the order of colors in all the “add to cart” buttons. Now as our example: http://doncarteltienda.es/producto/cubo-pinza-porta-cartel/
    the button is black and when the cursor is positioned the button turns blue. And we just opposite the button is blue and when the cursor is positioned switch to black.

    #97737 Copied Theme version: 2.4
    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    November 4, 2015 at 14:16

    Hello,

    Please add this code in Theme Options > Custom CSS > Global Custom CSS:

    .product-information .cart button[type="submit"] {
    background-color: #4AA1DA;
}
.product-information .cart button[type="submit"]:hover {
   background-color: #262626;
}

    Regards,
    Eva Kemp.

    #97759 Copied
    Avatar: doncartel
    doncartel
    Participant
    November 4, 2015 at 15:48

    Thank you!

    #97791 Copied
    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 4, 2015 at 15:56

    Hello,

    You’re welcome!

    Regards,
    Robert Hall.

    #97799 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘colors of add to cart’' 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
Kids Store – WooCommerce Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
SEO Agency – 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.