How to change the color of add to cart button - Pipeline theme

Technical Q&A
,
1

How can I change the color of the “add to cart” button from orange to #576166 throughout the entire site if possible?

Here is a link to my unpublished site: https://z2fbb5cc6x4vtsws-57200312371.shopifypreview.com

Screenshot 2024-05-29 at 7.30.29 AM.png
Screenshot 2024-05-29 at 7.30.29 AM.png1304×764 305 KB

2

This is Noah from PageFly - Shopify Page Builder App

Hi @awirtz Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

3

Thank you Noah, that worked! Is there a way I can change the rollover color to be a 15% gradient of #576166? Right now it rolls over to a light orange color. Thanks!

https://z2fbb5cc6x4vtsws-57200312371.shopifypreview.com

4

You want to apply gradient to border or text color, or background Button?

5

I would like to add a background color that is light grey or about 15% of the #567166 on the rollover.

Thanks.

6

Hi @awirtz Please add code here:
7

That works great! Thank you for the help, I appreciate it.

8

Thank you , Have a nice day :wink: !