Change add to cart button color when using dynamic buttons

[INKLY]

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

[BSSCommerce-HDL · 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: 

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 😍😍

[INKLY]

Amazing thank you very much !! @BSSCommerce-HDL 

[INKLY]

@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:

[BSSCommerce-HDL]

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

[INKLY]

I see, thank you

[BSSCommerce-HDL]

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

Hope this can help you