How can I change the color of the Add To Cart button and make it solid?

Shopify Discussion
1

Hi All,

I’m trying to figure out how to make the Add To Cart Button a specific color as well as make it solid. Any help in advance would be greatly appreciated.

Here’s an example URL: https://shop.welovedoodles.com/collections/dog-brushes/products/large-slicker-brush?variant=46973611802926

I’m also attaching a screenshot with more information. Thank you so much in advance.

Copy of Untitled Design.jpg
Copy of Untitled Design.jpg2000×1545 175 KB

2

Hi @welovedoodles ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Note: you can adjust color to fit your store

Beae_Anthony_0-1697062475349.png
Beae_Anthony_0-1697062475349.png634×353 17.2 KB

Best regards,

Anthony

3

  1. Navigate to the code editor: Online Store → Themes → Edit code → assets → theme.css

  2. Add the following CSS to the end of the file:

.btn--add-to-cart {
  background-color: insert color name or value;
  color: insert color name or value;
}

If the above doesn’t work, try this:

.btn--add-to-cart {
  background-color: insert color name or value !important;
  color: insert color name or value !important;
}
4

Are you aware that this is a Shopify forum?

5

Hi @welovedoodles ,

You can try this code by following these steps:

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

Step 2: Search file theme.liquid

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

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

6

Click on the side and tap the color then add gradient inner color once you click on the theme and embed the color you desire to use

Thanks will be here to assist you further