Return to previous page

Change color "add to cart" button only

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

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Sport Store – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Water Delivery – WordPress WooCommerce Theme
lazy-placeholder
Legenda – E-Commerce and Corporate PSD Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Medical – 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.