hey @dws_pvt_ltd idk but that is also not working please help
Topic summary
A user wants to change the color of the sale badge on product cards in their Shopify Dawn 15 theme homepage, specifically targeting only the “sale” badge while leaving the “sold out” badge unchanged. They also want to reduce the badge size.
Solutions Offered:
-
CSS Method: Multiple contributors suggested adding custom CSS code to
base.cssor theme CSS files to change the badge background color (e.g.,background-color: red !important). However, this approach changes both sale and sold-out badges simultaneously. -
Theme Settings Method: One contributor recommended using the theme customizer’s built-in settings (Online Store → Theme Customization → Theme Settings) to customize different color schemes for different badge types without custom code.
-
Targeted CSS: A specific solution was provided targeting only the sale badge using
span#NoMediaStandardBadge-template--[specific-ID]with width and background-color properties.
Current Status:
The user reported that some CSS solutions weren’t working and the theme settings approach also failed. The discussion remains ongoing with troubleshooting attempts to isolate the sale badge styling from the sold-out badge.