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

Highlighted
Excursionist
29 0 1

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?

 

Screenshot_2020-06-03 MEN(1).png

0 Likes
Highlighted
Shopify Expert
154 17 21

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;
}
W3trends is one of the leading app developers in the Shopify ecosystem. We can handle anything E-commerce or App related for your business. Feel free to message me if you need any work done!
0 Likes
Highlighted
Excursionist
29 0 1

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?

 

Screenshot_2020-06-04 MEN.png

0 Likes