Changing the add to cart button color

mattpermute
Explorer
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: https://sweetskendamas.com/collections/all/products/triple-stripe-black-legend-shape

 

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

 

Thanks

MM

 

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

Replies 3 (3)

Abdosamer
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 : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Profolio

PageFly-Henry
Astronaut
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.

ZenoPageBuilder
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 zenobuilder.com