Return to previous page

Change color "add to cart" button only

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

  • Avatar: EmilioCid
    EmilioCid
    Participant
    June 26, 2020 at 11:51

    Hi. How could I change the color of the “add to cart” button? Could you tell me in detail where I can change it? Thank you

    Capture: https://ibb.co/jbN5fLn

    #242257 Copied Theme version: 1.0 WooCommerce version: 4.1.0
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 26, 2020 at 12:22

    Hello,

    Thanks for using XStore.
    Theme Options > Styling > Dark buttons

    Regards

    #242264 Copied
    Avatar: EmilioCid
    EmilioCid
    Participant
    June 26, 2020 at 13:37

    Is only the cart button or all the web buttons changed? I want to change only the cart button

    #242270 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 26, 2020 at 13:45

    Add the next code in Theme Options > Theme Custom CSS:

    .single-product .single_add_to_cart_button.button {
    background-color: red;
    color: black;
}
.single-product .single_add_to_cart_button.button:hover {
    background-color: black;
    color: red;
}

    Regards

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

The issue related to '‘Change color "add to cart" button only’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity
Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Cocktails Store – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Grocery Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Sport Store – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Plants Store – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – 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.