Prestige Theme; Remove (On Sale)

[waleed-kbt]

Hello, i came to this forum to ask any coders who can help me remove the "On Sale" tag ontop of the shoe.

https://vivorosa.com/collections/on-sale

Im removing it because the mobile version tag is Massive!! 

Thank you

[__cascadia · Accepted solution]

@waleed-kbt - Add this to the bottom of your theme.scss file:

.ProductItem__Label {
display:none;
}

[waleed-kbt]

Thank you very much. 

[__cascadia]

@waleed-kbt - Awesome!

[bumbastic]

Hi, got a question about the same theme & pretty much same topic.

I would not like to remove the 'on sale' but I would like to change the color to red, how do I go about that?

[oscprofessional]

@bumbastic,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste bellow code in bottom of file

.ProductItem__Label.Heading {
	color: red;
}

---

@bumbastic wrote:

Hi, got a question about the same theme & pretty much same topic.

I would not like to remove the 'on sale' but I would like to change the color to red, how do I go about that?

---

[bumbastic]

u do mean theme.scss.liquid right? (beginner), I did try that but doesnt seem to work 😕

[oscprofessional]

@bumbastic,

Can you Please share your site url so that I will give you exact solution

[bumbastic]

https://bumbastic.be/   pw= auphoh

[oscprofessional]

@bumbastic,

Are you talking about below section

[bumbastic]

Yes, on homepage between 'Een beetje korting kan nooit kwaad' & 'KORTINGSACTIES'

Its barely visible but its called 'korting' & I would like the korting text to be in red to increase visibility

[oscprofessional]

@bumbastic,

add below css

.template-index span.ProductItem__Label.Heading {
    color: red!important;
}

[bumbastic]

Yes! Perfect, thank you so much

[oscprofessional]

@bumbastic,

Please Add below code then it will work on both collection and on homepage

span.ProductItem__Label.Heading {
    color: red!important;
}

[jzimmer82]

Hey Guys,

I'm trying to remove the On Sale badge only. When I change display to none it also removes the sold out badge. Any ideas how to only hide the On Sale Badge?

[WizOpt]

I have exactly the same query.

I want the additional labels that I create (example- ___label:Best Seller) to remain, But do not want to show On Sale label as almost all of my products are at a discounted price.

[Br0brian]

Hello, I would like to remove my "on Sale" label on my products. Could you please help me resolve this issue?

https://mixandmatchdecor.com/

[oscprofessional]

Hello Br0brian ,
To remove "on Sale" label on products.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.ProductItem__LabelList .ProductItem__Label.Heading.Text--subdued {
    display: none;
}

[SaleHelpr]

Coding is often the most difficult part of ensuring that our client stores look good while also not getting into a situation where things look strange or (in this case) way too big. We had come to the site to find an answer to a similar question (not necessary the “On Sale” tag), but we found this code made a difference when answering some of our customer questions. Thank you!

[imaj0711]

Hi,

I managed to do this by simply going to "edit languages" you will find the edit languages option under the "actions" drop-down which is directly beside the "customize" button for the theme. Once you're in the edit languages area, go to the product tab and scroll down to the "labels" section. Where you see "On Sale" just delete the text and add a single space. Voila, you'll still have all your labels except for the "on sale" one.

Hope this helps.