How can I remove constant sale and sold out badges from product pages?

[obiemegano]

Hello I have been creating my store for some days now, somewhere along the way i think i may have put some code in that makes the sale and sold out badge on my product page show constantly whether i have the badges selected or not. 

I need to remove the sale and sold out badge from the product pages when they are not on sale or sold out. Or maybe they are just visible and can be removed? Any help would be appreciated!

[oscprofessional]

Hello @obiemegano 

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

[obiemegano]

wonby1ne.myshopify.com

[PageFly-Oliver]

Hi @Obiemegano,

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file component-card.css

Step 3: Paste the below code at the bottom of the file -> Save

.card__badge{
display:none !important}

Hope my solution works perfectly for you.

Cheers!

Oliver | PageFly

[obiemegano]

this did not work

[PageFly-Oliver]

you can try

span.badge.price__badge-sale.color-accent-2,span.badge.price__badge-sale.color-accent-2{display:none !important}

[obiemegano]

this removed the sale badge but the sold out badge is still there

[Jordanf23]

This worked for me, thank you!

[oscprofessional]

Hello @obiemegano 

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom

.product__info-wrapper grid__item .badge {
    display: none !important;
}

[obiemegano]

this also did not work. does anyone else have any suggestions? i have been trying to remedy this for some days now. here is an attached picture of the issue. 

[obiemegano]

here are some pictures of the problem. I was messing with the code to adjust the sale badge location and size. In doing so i may have changed the code to always display. If anyone knows where i can go to delete this code that will be helpful. maybe i can just delete the code for this sale badge. i would be okay with that. 

[obiemegano]

here are some pictures of the problem. I was messing with the code to adjust the sale badge location and size. In doing so i may have changed the code to always display. If anyone knows where i can go to delete this code that will be helpful. maybe i can just delete the code for this sale badge. i would be okay with that.

i am new to shopify so this is a bit frustrating with all the code that needs to be added. any info will help. thanks in advance.