change add to cart color

Shopify Discussion
,
1

anyone know how to change the add to cart color on impulse theme for shopify website

2

Hello @Ecomowner

Go to online store > Themes section > click Actions > Edit Code. > open Assets

look for a file called theme.scss.liquid or styles.scss.liquid

add the code bottom of the file

.product-form__add-to-cart {
    background-color: #FF5733;
    border-color: #FF5733;
}

.product-form__add-to-cart:hover {
    background-color: #C1351D;
    border-color: #C1351D;
}

Thank you :slightly_smiling_face:

3

Hi @Ecomowner ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

/* Add to Cart button styling */
.btn.btn--full.add-to-cart.btn--secondary {
    background: black !important;
    color: white !important;
    transition: all 0.3s ease-in-out;
}

/* Hover effect for better UI */
.btn.btn--full.add-to-cart.btn--secondary:hover {
    background: white !important;
    color: black !important;
    border: 1px solid black; /* Border on hover */
    cursor: pointer; /* Indicate interactivity */
}
4

Hi @Ecomowner

Can you send me your store URL to check further and help you change the color?

Thank you.