Changing the add to cart button color

68 0 27

I am looking to change the color of the add to cart button on a clients website, but there are no options in settings to change that button. see attached image for reference, the button i want to change the color of is outlined in pink.


Here is the link to the product:


Can anyone take a look at the css and show me where to make this change? i want the button to be pink.





Screen Shot 2024-01-11 at 6.18.58 PM.png

Replies 3 (3)

Shopify Partner
820 146 161

Hi @mattpermute , go to theme.css and add the following code :

button.btn.btn--full.add-to-cart.btn--secondary {
    background-color: #FFC0CB !important;
Buy me a Coffee
Email :
Chat on WhatsApp

790 211 186

Hi @Abdosamer 

This is Henry from PageFly - Landing Page Builder App


You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file -> Save


button.btn.btn--full.add-to-cart.btn--secondary {

    background: red !important;



Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.

Shopify Partner
1043 202 217

Hello @mattpermute 👋

In Shopify Admin, you can go to Edit theme code, open file theme.css and add this code at the bottom

button.add-to-cart {
    background-color: #ff00c9 !important;

The result

Screenshot 2024-01-12 at 09.07.43.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at