That worked, thank you so much. Is it possible to remove it from the product page as well?
Topic summary
A user wants to remove the “Sale” badge from their Shopify store while keeping the “Sold Out” badge visible on product cards and collection pages.
Solution provided:
- Add custom CSS code to hide the sale badge
- Initial attempts targeted
.badge.badge--bottom-left.color-scheme-4withdisplay: none !important; - After troubleshooting, the working solution was implemented through the theme editor’s Custom CSS section (not base.css)
Additional request:
The user also needed to remove the sale badge from individual product pages, which was resolved with:
.badge.price__badge-sale.color-scheme-4 {
display: none;
}
Status: Resolved. Both collection/card pages and product pages now hide the sale badge while preserving the sold-out indicator.
