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!
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025