Woocommerce Badge on products

[Nima]

Nima

June 11, 2017 at 5:53 pm

Hi,

I have 2 Woocommerce products on the home page of my site *Login to see link
The status for one of them is “sold out” and the other one is “on sale”.
There are Woocommerce badges or lables on the side of each product image.
I need to remove the badge for the product which is on sale but keep the badge for the other product (sold out).

When I try:
.onsale {
display: none !important;
}

both lables disappear.
What is the correct CSS selector to point to each one of them separately?

Thanks,
Nima