How to change the sale badge on the collection page

[CreatorTim]

Hi, I changed the background color of the sale badge from black to blue on the regular product page, but it didn’t update on the collection page.

How can I change the background color to blue on the collection page as well?

Here’s the collection page: https://creationwithtim.com/collections/all

Here’s the product page: https://creationwithtim.com/products/cinematiq-mobile-luts

Thanks so much,
Tim

[BiDeal-Discount]

HI @CreatorTim

Let try to add this Custom CSS to your theme settings:

.collection .card__content .badge {
  background-color: #007bff;
  color: white;
}

then it’s works as expect:

[CreatorTim]

Appreciate that quick help! Thank you sm, it works

[Rahul_dhiman]

Hello @CreatorTim
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

span#NoMediaStandardBadge-template--22711083696393__product-grid-15101466378505 {
background-color: blue !important;
}
span.badge.price__badge-sale {
background-color: blue !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[BiDeal-Discount]

You’re welcome