How to ROUND the Sale Tag for Brooklyn Theme

[Arge007]

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!

[Lucid_Polygon · Accepted solution]

• 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

• 

[Arge007]

Heres an Image of the Problem!

[Lucid_Polygon]

Please send a JPEG or PNG image. Zipped files cannot be previewed here.

[Arge007]

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 

[Lucid_Polygon]

So you want to show the whole number only for example: "SAVE $20"  correct?

[Arge007]

Correct!

[TheRealMan1]

@Arge007 please share you store url

[Arge007]

Cant since i don't have a URL setup, but I'm sure you can configure this setting without it.

[TheRealMan1]

@Arge007 

please add below code at the bottom of this file inside "theme.scss.liquid"

.grid-product__on-sale {
border: none!important;
}

[Lucid_Polygon · Accepted solution]

@TheRealMan1  Why remove the border? He wants to remove the decimal.

[TheRealMan1]

@Lucid_Polygon @Arge007 sorry for the misunderstanding i thought you want to the remove border.

[Lucid_Polygon · Accepted solution]

• 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

• 

[Arge007]

It worked! Thank you so much