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

Store Design
1

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?

Screen Shot 2022-03-14 at 5.31.30 PM.png
Screen Shot 2022-03-14 at 5.31.30 PM.png1158×980 55.3 KB

Thanks in advance :smiley:

1 Like
2

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.

3

@SmSm

can you please confirm

KetanKumar_0-1647315860079.png
KetanKumar_0-1647315860079.png1920×1080 372 KB

4

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

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

}
Thank you.

5

Thank you, it worked)

6

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.