How to reduce opacity of sold out product without hovering in collections page ?? (debut theme)

[sel9]

Hello there, I need to reduce the opacity of  the sold out products without having to hover over those products in debut theme, please help?

[w3trends]

You can add the following to your themes stylesheet to change the opacity for sold out products:

.grid-view-item--sold-out{
opacity: 0.5!important;
}

[sel9]

Hello there,

I succeeded in reducing the  opacity for the sold out products but i ended up reducing the opacity of the sold out badge too!! i dont want to reduce the opacity of the sold out badge..  what should i do?