How do i change "out of stock" badge design?

Shopify Discussion

Topic summary

A user is seeking help to customize the visual design of the “out of stock” badge displayed on their Shopify store.

Current Status:

  • The store owner has shared their shop URL for reference
  • Another user has begun providing guidance, suggesting that the badge design can be modified through CSS (Cascading Style Sheets)
  • The original poster has followed up asking for more specific details about where in the CSS to make these changes

Resolution Status:
The discussion remains ongoing, with the solution partially provided but awaiting more detailed instructions on the exact CSS location or code needed for the customization.

Summarized with AI on November 23. AI used: claude-sonnet-4-5-20250929.
1

How do i change “out of stock” badge design on my shop?

SHOP URL: https://c1e46d.myshopify.com/collections/all

2

Hi @suoshie ,

You can change the ‘out of stock’ badge design through css

3

can you tell me where in css please?