Change Add to cart button color

rebelpretige
New Member
1 0 1

I can't change the add to cart button color. The theme settings only change the dynamic checkout/buy it now button. My add to cart button blends in with the background. I have triend every code referenced in the discussions and none will work. Please help. Here is my URL www.rebelliousprestige.com  Thanks

dmwwebartisan
Shopify Partner
4380 982 1253

@rebelpretige 

Please add the following code at the bottom of your assets/theme.scss.css file.

.ProductForm__AddToCart{
background-color: #000;
color: #fff;
}

 

This will work for product pages add to cart button. Let me know if this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Eunice
Shopify Staff
Shopify Staff
136 20 21

Hey @rebelpretige 

Eunice here from Shopify, thanks for posting, and welcome to the Community!

Thanks for supplying your website URL, your store is looking great!

I notice you're using a third-party theme by the developer, Maestrooo:

1fqux-rxbro

If you're not using a free theme from Shopify, then your theme was made by a third-party theme developer. To find support for the add to cart button color, you can view the support documentation for your theme, or contact the theme developer. However, to get the fastest support for your theme I recommend getting directly in touch with Maestrooo. Keep an eye on this thread too, as someone from the Community with code expertise might be able to help you out.

While on your site I noticed that you don't have a link to any of your social media pages, such as Facebook, or Instagram. I highly recommend doing this as it serves as great social proof! Here's an awesome blog to read when you have a moment to spare which explains social proof in a bit more in detail.

Hope this has helped! 

Eunice | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes