Hello
I would like to change the sale bade corners to 4px so its not as round
also i would like to adjust the size of the price on the product grid so it matches the sale price.
it looks strange when the normal price is bigger than the sale price
thanks for the help!
website: www.gogghi.ch
password: GOGGHI10NEWWEBSITE2025
attached are screenshots
Hi @LeandroS
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
If my reply is helpful, kindly click like and mark it as an accepted solution.
Use our Big Bulk Discount app to boost your sales!(https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow
Thanks
Hi
that didn’t quite work.. now the sal price is bigger.. and the sale button is correct on the product page but not on the product grid..
see attached screenshots with description
@LeandroS An extremly sorry for this, Try this code then let me know do you want sale badge like this?

@LeandroS Also add this code
that code is not working.. the sale badge stays the same..
the crossed out price needs to get smaller. so it matches the new sale price.
with this code both will get bigger..
it would just need to adjust the crossed original price..
I don’t know why it’s not working, try this code
am i pasting this code like the other instruction before right?
unfortunately it’s not working.. i can make it work for the product page if i paste this code in the custom css
.product .price .badge { padding: 8px 33px !important; border-radius: 4px !important; }
but for the product grid its not working..
@LeandroS remove that code which is related to border-radius only put this one
I pasted here (see screenshot)
still not working…