Those instructions remove both badges also. I would like to keep the SOLD OUT badge, keep the discounted cut price (if there is a discount applied). I would like to remove only the SALE badge
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.