Hi guys, I’ve tried several other solutions for this in this forum and elsewhere online but nothing has worked unfortunately. I’m trying to change the sold out button and text colour, text to white and the button to red. It would need to be consistent across the homepage “featured collection” and …

Hi @gchemuk Check this one. From you Admin page, go to Online Store > Themes Select the theme you want to edit Under the Asset folder, open the main.css(base.css, style.css or theme.css) Then place the code below at the very bottom of the file. .card__badge.bottom.left .badge { background: r…

Would you mind to provide the URL/products with sale badge?

The super sample wash kitt, it’s red with bleepe text in the shop all section but within the product it’s red with blue text. The sold out badge is also still white with blue text within the product pages.

PLease, replace the code wit this one. And add your desired color. /* sold-out badge */ .badge.badge--bottom-left.color-background-1 { color: black; background: blue; padding: .6rem 1rem; } /* sale badge */ .badge.badge--bottom-left.color-background-2 { color: white; background: …

You are talking about the product page? The product page have different code not same on the collections. This is for the product page. span.badge.price__badge-sale.color-background-2 { color: white; background: red; padding: .6rem 1rem; } span.badge.price__badge-sold-out.color-background-1 { …

Thank you so much! :raising_hands:

Change sold out button and text colour? Refresh Theme

Shopify Discussion

gchemuk July 22, 2024, 6:24pm 4

Sorry but I’ve realised that now both the sold out and sale badges are the same. Is there a way of having an individual colour for each?

Topic		Replies	Views
How to change the colour of the 'sold out' badge only Technical Q&A css , html , shopify-theme	10	287	October 2, 2024
Changing Sold out and Sales colour Dawn 2.0 Store Design	5	83	May 24, 2022
How to change the sold out button? Store Design css	7	251	September 2, 2024
How to change Sold Out colour on all products page and singular product page? Store Design design , customizations , css	6	235	October 10, 2025
Change colour of sale and sold out badge dawn theme Technical Q&A css , html , shopify-theme	5	85	October 1, 2024

Change sold out button and text colour? Refresh Theme

Related topics