You’re a star KetanKumar!
I’d wasted so much time thumping around trying other solutions. Your solution was super simple and very clearly explained, and worked perfectly.
I’m very grateful to you. 
Topic summary
Goal: remove the “Sale” badge in Shopify’s Dawn theme while keeping the “Sold out” badge and the strikethrough discounted price.
-
Initial fix suggested hiding .card__badge in component-card.css, which removed all badges. This solved “Sale” but also removed “Sold out,” which several users don’t want.
-
Targeted approach shared: edit Assets/component-price.css to exclude .price__badge-sale from the display rule and add .price__badge-sale {display: none;}. This removes only the Sale badge on the product page.
-
Limitation: that change doesn’t affect the homepage or collection grids; Sale still shows there. Users asked for a sitewide solution that keeps “Sold out” and strikethrough pricing intact.
-
Mixed results reported: some say the instructions hide both badges or don’t work in their shop, indicating theme/version or template differences. Multiple replies request store URLs to tailor CSS.
-
Status: partial workaround exists (product page only). No confirmed, universal CSS for homepage/collections was posted. Key open question: how to hide only the Sale badge everywhere without impacting the Sold out badge or discounted price display.
-
Note: Solutions involve CSS changes; badge classes include .card__badge, .price__badge-sale, and .price__badge-sold-out.
1 Like