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

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

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
6304 1712 2059

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!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
6304 1712 2059

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!

- Custom Design | Advanced Coding | Store Modifications


tinygoatcoffee
Tourist
7 0 6

Thank you so much Moeed!

PageFly-Victor
Shopify Partner
7865 1786 3116

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!