How to Bold the letters of the Sale badge at the product grid?
Topic summary
A user asked how to make the “Sale” badge text bold on their Shopify product grid.
Solution provided:
- Navigate to Online Store → Themes → Customize → Settings (icon on left)
- Scroll to the Custom CSS section
- Add the following CSS code:
.grid-product__tag.grid-product__tag--sale {
font-weight: bold;
}
The solution was confirmed working by the original poster. This is a simple CSS customization that targets the sale badge class and applies bold font-weight styling.
Hello @Jim3 ,
I hope you are well!
Please copy and paste the code below by going to the Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.
.grid-product__tag.grid-product__tag--sale {
font-weight: bold;
}
And it will be changed to
1 Like
@AiTrillion Thank you ! 