How to change add to cart button color?

Store Design
1

How do I change the add to cart color on my store???

https://cushyhavens.com/

I tried in the theme.css to manually change it does not work! It still stays white no matter what

2

Hi @Knugen

The reason it’ll always stay white is because your theme.css file has an !important modifier here (around line 2476):

.payment-buttons .add-to-cart--secondary{
    background-color:#ffffff !important;
    background-color:var(--colorBody) !important;
    border:1px solid;
    border-color:#1c1d1d;
    border-color:var(--colorTextBody);
    color:#1c1d1d !important;
    color:var(--colorTextBody) !important;
    font-size:16px;
    padding:11px 20px;
    border-radius:0
  }

The !important part after the background-color rules are overriding anything else you put in there further down the file.

Try removing the !important from the end of those rules first and see if your changes then take effect.

3

Thanks alot for explanation, after some experiments with that !important line I got it how I wanted!

1 Like