Changing Add to Cart Button Color For Debut Theme.

Highlighted
New Member
4 0 0

I have the Debut theme and I need to change the 'sold out' button to red. Bonus points if I can also make the button a red circle with white text.

Can anyone assist?

 

 

0 Likes
Highlighted
Shopify Expert
3657 549 883

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.btn--secondary-accent{background: red; color: white;}

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
4 0 0

That didn't do anything.

0 Likes
Highlighted
New Member
4 0 0

Screen Shot 2020-07-27 at 11.17.23 AM.pngScreen Shot 2020-07-27 at 11.18.26 AM.png

0 Likes
Highlighted
Shopify Expert
3657 549 883

Have you checked my answer proper?

I mentioned theme.scss file not theme.js file

 

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
New Member
4 0 0

Ah! Thank you for the clarification and speedy reply.

See screenshot for indication that one 'sold out' button is indeed, now red. 
However, the red button is clickable and places the item in the cart, even though stock is listed at zero. 

Any idea how to resolve that?

***Also, the sold out tag on the products page didn't change to red. How can I adjust that to red?

Screen Shot 2020-07-27 at 11.57.05 AM.pngScreen Shot 2020-07-27 at 12.16.01 PM.pngScreen Shot 2020-07-27 at 12.18.42 PM.pngScreen Shot 2020-07-27 at 11.56.52 AM.png

0 Likes
Highlighted
Tourist
6 0 0

Thanks so much!

0 Likes