New Shopify Certification now available: Liquid Storefronts for Theme Developers

Have sold out button be a different colour background

12 0 3

Hi! i'm hoping to have ghe sold out button be a different colour at the bottom (the green one, not orange) so that it stands out more in all product pages etc.

I've tried other thread solutions but they didn't work 😞 

Screen Shot 2023-10-06 at 7.53.45 am.png


Replies 2 (2)
Shopify Partner
15736 2353 3051

Hello @RollingBeetle 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->section-main-product.css>Add this code at the bottom.


span.badge.price__badge-sold-out.color-background-2 {
    background: #8ABE92 !important;


Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
12 0 3


It didn't seem to work 😞