Changing Colour Of Add To Cart Button On Atlantic Theme

Hi, I recently upgraded my Atlantic theme to 2.0 and gradually working my way through the edits.

I am unable to change the colour of the add to cart button. Can anyone help? I want to change it to #636840 with the ‘add to basket’ text in white. It’s currently white background (image attached). Thanks for any help

1 Like

Hello @indianna

Please use below code on assets → theme.css at the bottom to change the color of ATC button

.product-submit.action-button.submit{
background:#713434 !important;
}

Hi @Niraj_singh

Thank you for replying but I don’t need to align the quantity box to the left.

Perhaps you replied to the wrong question with this one? Let me know!

Hello @indianna

code is correct to change ATC button color…please see now the answer.
my mistake to written wrong text

@indianna

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Thank you @KetanKumar

It’s www.lifestoryshop.com

1 Like

@indianna

thanks for url can you check

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.product-form .product-submit {
background: #636840;
    color: #fff;
}

Hi @KetanKumar thank you I tried that just now but it didn’t work

I noticed this alert message on the top of the page (attached)

Perhaps this is causing an issue with making changes to my website?

Hi @KetanKumar I wonder if you saw the above. Would love to hear your thoughts if you have a minute. Thanks

@indianna

oh sorry ignore this doesn’t affect your store

Hi @KetanKumar sadly this didn’t work, I wondered if you have any other ideas?

Thanks for your help

Susan