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 :disappointed_face: Rollingbeetledice.com.au [Screen Shot 2023-10-06 at 7.53.45 a…

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

H! It didn’t seem to work :disappointed_face:

Have sold out button be a different colour background

Store Design

RollingBeetle October 15, 2023, 10:09pm 3

It didn’t seem to work

Topic		Replies	Views
(Using Debut) I would like to change the colour of the "sold out" notifs displayed in product page Shopify Discussion	4	36	November 15, 2021
How to change Sold Out colour on all products page and singular product page? Store Design design , customizations , css	6	195	October 10, 2025
Change Sold Out Color in Minimal font Store Design shopify-themes , troubleshooting , product-page	2	26	August 27, 2024
How to change the colour of the "sold out" button in Shopify in Dawn template Shopify Discussion	3	130	February 12, 2022
How to change the sold out button? Store Design css	7	214	September 2, 2024

Have sold out button be a different colour background

Related topics