Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi All,
I have been trying to change the colour of the 'Add To Cart' button on my store, but just can't seem to get this to work. I have tried the below code drops, but neither are working 😞 - any help would be greatly appreciated!
.add-to-cart {
background-color: #000000;
color: #ffffff;
}
and
.payment-buttons .add-to-cart {background: #000 !important;color: #fff !important;}
Hello There,
1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.liquid and paste this at the bottom of the file:
.payment-buttons .add-to-cart {
background-color: #000;
color: #fff;
}
Hello,
Thank you very much for your suggestion, but this is still not working for me.
I have tried to enter the Hex codes for my desired colour, but the 'Add To Cart' button remains the same...
Are there any other options?
Thanks!
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025