turn sale badge on product page into a rectangle

[ads18922]

hello, i want to change the sale badge on my product page so that it is a rectangle, like my product card. On the product page, it is currently got curved corners.

this is the product page, as you can see it has curved corners. I want it like this:

this is my product card, where it is a rectangle instead of curved corners

my website is www.marcomontesi.com , theme is dawn

[suyash1]

@ads18922 please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

.badge{border-radius: unset !important;}

[ads18922]

thank you, is there a way to also make the box and text a bit smaller?

[Dan-From-Ryviu]

Please use this code

.product .badge { padding: .5rem !important }

[suyash1]

@ads18922 to reduce text size add this

.badge{font-size: 1rem;}

[Amanda_Fordeer]

Hi @ads18922 ,

You can consider using the Product Badges app and its Price Badge feature to customize your badges on product pages.