Change colour of sold out - Dawn theme

Topic summary

  • Goal: Change the color of the “Sold out” badge in Shopify’s Dawn theme on both product pages and collection (category) product cards. The Swedish badge text shown is “Tillfäligt slutsåld.” Images were provided to illustrate current appearance.

  • Proposed fix: Add custom code to theme.liquid (Online Store > Edit code > theme.liquid), placing it before the tag. A screenshot showed the intended result, but the exact code snippet was not visible in the thread.

  • Outcome so far: The change successfully updated the badge color on the product page. However, the badge on collection pages remains black and was not affected by the initial code.

  • Status/next steps: The original poster requested further help specifically for collection pages. No additional guidance or resolution has been provided yet; the issue remains open.

Summarized with AI on December 28. AI used: gpt-5.

Hello!

I’m looking to change the colour of the “sold out” badge, both on product pictures when inside collections, and the one thats on the product page.

https://hundben.se/products/kerotugg-notrulle-premium-ca-20cm-o2-5cm?_pos=1&_sid=5f168ffe5&_ss=r

And on collection pages:

https://hundben.se/collections/kerotugg-tuggben

The black “Tillfäligt slutsåld” is what i wanna change in both of these places.
Anyone able to take a look? :slightly_smiling_face:

//Gabriel
Www.hundben.se

Hey @Lilboris

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Hey,

Thanks for a quick respone.

It worked flaweless on the product page, but it seems to still be black on collection pages, any idea how to fix that aswell?

You able to help me here? :slightly_smiling_face: