How to get rid of product badge CSS for specific page

Solved

How to get rid of product badge CSS for specific page

Emma53
Excursionist
28 1 9

Hello, so I want to hide the badge here that is called tag__hot_Directly Donates just on this page.

How can I accomplish that?

https://taleology.com/collections/be-brave-collection

Accepted Solution (1)

BiDeal-Discount
Shopify Partner
792 105 178

This is an accepted solution.

Hi @Emma53 

to hide the badge on collection page,

let try to add this custom css code:

.product-card__wrapper .product-card__badge {
  display: none;
}

BiDealDiscount_0-1748652927693.png

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp

View solution in original post

Replies 2 (2)

Emma53
Excursionist
28 1 9

Specifically looking to add custom CSS to the section, which one can do in the editor.

BiDeal-Discount
Shopify Partner
792 105 178

This is an accepted solution.

Hi @Emma53 

to hide the badge on collection page,

let try to add this custom css code:

.product-card__wrapper .product-card__badge {
  display: none;
}

BiDealDiscount_0-1748652927693.png

 

- Helpful? Like & Accept solution! Coffee tips fuel my dedication.
- BiDeal Bundle Volume Discounts: Upsell with discount bundles, quantity breaks, volume discounts & mix-and-match bundles. AOV+ with free gifts, free shipping & progressive cart
- Contact me via WhatsApp