Change Color Of Button & Make Solid

[welovedoodles]

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=46973611...

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

[fadi_yousif]

Are you aware that this is a Shopify forum?

[Beae_Anthony · Accepted solution]

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 </body>:

<style>
button.btn--outline.btn--full.btn--primary.uppercase.btn--add-to-cart {
    background: black;
}
</style>

Note: you can adjust color to fit your store

Best regards,

Anthony

[fadi_yousif]

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;
}

[PageFly-Oliver]

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

<style>
button.btn--outline.btn--full.btn--primary.uppercase.btn--add-to-cart {
    background: black;
  color:white
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[annaw3]

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