How to remove Sale sticker over product image in collection when using Compare-at price on Dawn

Store Design
1

I have looked but can’t find the answer. I am using Dawn theme. How do I remove the Sale sticker over the product image in a collection? On mobile, the sticker is too big and it puts the Sale sticker directly over the product image and covers too much of the image.

I am using Compare-at price (which generated the Sale stickers), and I want that, and the Sale sticker on the product page next to the price, to display on the product page. But I don’t want the Sale sticker over the collection images. Screenshot from mobile below. Thanks!

DonnaW_0-1682384861484.png
DonnaW_0-1682384861484.png1080×522 343 KB

2

Please provide your page URL and I’ll try to help.

3

https://thesuncatcherstore.com Thanks! (Not sure how this posted twice and can’t delete it. Sorry.)

4

https://thesuncatcherstore.com Thanks!

5

Following CSS snippet would hide the “Sale” badge:

.card__inner .card__badge{
display:none !important; 
}

You can read this article to learn how to add custom CSS to Shopify.

Thanks

6

Perfect! That worked! Thanks again!