Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: How can I hide HOT labels so the white circle does not show up on top of the Bean Drop green lab

Solved

How can I hide HOT labels so the white circle does not show up on top of the Bean Drop green label?

tinygoatcoffee
Tourist
7 0 6

For quite a while, my store has been displaying 73% OFF in a bright red circle for any of the bean drop promotions I have had (wherever you see the green bean drop corner banner on a product you'll know it's a bean drop) - https://trytinygoat.com

 

73% was incorrect. It should always say 20%. I finally figured out how to at least turn off the red circle (by changing the color for Hot labels in theme settings to white) so at least now my visitors won't see the wrong information. But I would still like to hide that white circle (hot label) from my website.

 

Does anyone know how I can do this?

Accepted Solution (1)

Moeed
Shopify Partner
6301 1711 2057

This is an accepted solution.

Hey @tinygoatcoffee 
Follow these steps:

1) Go to Online Store
2) Edit Code 
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body>

<style>
.product-tag.product-tag--absolute {
    display: none !important;
}
</style>

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
6301 1711 2057

This is an accepted solution.

Hey @tinygoatcoffee 
Follow these steps:

1) Go to Online Store
2) Edit Code 
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body>

<style>
.product-tag.product-tag--absolute {
    display: none !important;
}
</style>

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Create high-converting pages - PageFly Page Builder.


tinygoatcoffee
Tourist
7 0 6

Thank you so much Moeed!

PageFly-Victor
Shopify Partner
7865 1786 3115

Hi @tinygoatcoffee ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
.product-tag.product-tag--absolute 
{
   display: none !important;
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

tinygoatcoffee
Tourist
7 0 6

Thank you so much Victor!