I want to keep the sale tag on my products but I want them to look clean and without the extra decimals. If you know how to fix this it would be much appreciated!
Heres an Image of the Problem!
Please send a JPEG or PNG image. Zipped files cannot be previewed here.
Sorry it didn’t work for me the first time so I had to send as a zip, here is the sale tag in question
So you want to show the whole number only for example: “SAVE $20” correct?
Correct!
@Arge007 please share you store url
Cant since i don’t have a URL setup, but I’m sure you can configure this setting without it.
please add below code at the bottom of this file inside “theme.scss.liquid”
.grid-product__on-sale {
border: none!important;
}
-
You have to make a code change as attached in the screenshot
-
Disclaimer: Please keep a copy of your theme before making any code changes
-
This will take the savings and display them as a rounded number with a dollar symbol
-
I also have included how it will look after 21.22 will look as $21
@TheRealMan1 Why remove the border? He wants to remove the decimal.
@Lucid_Polygon @Arge007 sorry for the misunderstanding i thought you want to the remove border.
It worked! Thank you so much


