How can I change the color of the 'add to cart' button in Craft theme?

Hello!

How to change “add to cart” button colour in Shopify.

I am using free Craft theme. Also I don’t have files like theme.css or other similar under “assets”.

The link is: https://www.plategy.online/

Is there other ways to change the colour of “Add to cart” button?

Thanks in advance :smiley:

1 Like

Hi @SmSm ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-main-product.css->paste below code at the bottom of the file:
.product-form__submit {
    color: #fff;
    background: #4c5f55;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

@SmSm

can you please confirm

Please add below css in bottom of assets/section-main-product.css file

.product-form__submit {
background: #4c6055;
color: #fff;

}
Thank you.

Thank you, it worked)

I tried this and it didn’t work. What am I doing wrong? I want to change my “add to cart” button color to another color. Right now it’s yellow and the text is very light can’t see the words “Add to cart”. I’m using the CRAFT theme on shopify and nothing is working. Please help.