Re: Change add to cart button color when using dynamic buttons

Solved

Change add to cart button color when using dynamic buttons

INKLY
Explorer
82 0 8

Hi, I would like to change the color of the add to cart button above the dynamic button. Does anyone know how I can achieve this ? Thank you for your help. 

 

Store URL: https://inkly.fr/products/imprimante-inkly%E2%84%A2

 

INKLY_0-1715845898714.png

 

 

Accepted Solution (1)

BSSCommerce-HDL
Shopify Expert
981 328 381

This is an accepted solution.

Hi @INKLY , 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css,  theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

 

 

.product-form__submit.button.button--full-width.button--secondary {
    background-color: black !important;
    color: #ffff !important;
}

 

 

Here is result: 

BSSTechVenture_0-1715846804723.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Replies 6 (6)

BSSCommerce-HDL
Shopify Expert
981 328 381

This is an accepted solution.

Hi @INKLY , 

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css,  theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

 

 

.product-form__submit.button.button--full-width.button--secondary {
    background-color: black !important;
    color: #ffff !important;
}

 

 

Here is result: 

BSSTechVenture_0-1715846804723.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍😍

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
INKLY
Explorer
82 0 8

Amazing thank you very much !! @BSSCommerce-HDL 

INKLY
Explorer
82 0 8

@BSSCommerce-HDL I just realised that the cart icon inside the 'Add to cart button' disappears when changing the product color variant. Do you know if this change caused it? Because I can not recall this happening before. Please refer to the screenshots below:

 

INKLY_0-1715848119083.png

INKLY_1-1715848142079.png

 

BSSCommerce-HDL
Shopify Expert
981 328 381

Hi @INKLY
Regarding the variant change leading to the disappearance of the cart icon, it was due to a theme problem that led to this. My code doesn't affect this. You can contact the theme so they can fix it for you

Hope this can help you
Kind regards,

BSSTech-Venture

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
INKLY
Explorer
82 0 8

I see, thank you

BSSCommerce-HDL
Shopify Expert
981 328 381

Hi @INKLYI noticed that the toggleAddButton function is causing this problem at file global.js

 

BSSTechVenture_0-1715850974313.png

Hope this can help you

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency