hiiii
Only In product page i would like to increase the size of sale badge but not of homepage products badges. please check screenshot
store url:https://5a3cf5-fc.myshopify.com/
Topic summary
Request: Enlarge the sale badge (discount label) on the product page only in Dawn v15, without changing homepage badge sizes. Screenshots were provided to illustrate the current sizes.
Proposed fix: Add custom CSS at the end of the theme stylesheet (main.css/base.css/theme.css), targeting the selector “.product__info-wrapper.grid__item span.badge.price__badge-sale” and increasing font-size (12.8px) and padding (6px 3px). The contributor shared a screenshot showing it working on their side.
Latest update: The original poster reports the code does not produce any changes on their store and asks for additional help.
Status: Unresolved; no further troubleshooting steps or alternative solutions have been provided yet. Images are central to understanding the size difference.
1 Like
Hi @ctal37
check this one.
From you Admin page, go to Online Store > Themes
Select the theme you want to edit
Under the Asset folder, open the main.css(base.css, style.css or theme.css)
Then place the code below at the very bottom of the file.
.product__info-wrapper.grid__item span.badge.price__badge-sale {
font-size: 12.8px !important;
padding: 6px 3px !important;
}
And save.
result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
hey @Made4uo-Ribe this code is not working, not changing anything at all. please help