How to adjust opacity for sold out items on updated website theme?

How to adjust opacity for sold out items on updated website theme?

NCCShop
Excursionist
21 0 4

Hello,

 

I recently updated my website theme (Archetype - Impulse 7.3.3) and in the process the code I used to reduce the opacity of Sold-Out items to 50% stopped working. Trying to figure out what needs to be adjusted in order to work again for this newest version of my website theme.

 

The code I used on previous versions of my theme that worked are below:

 

.grid-product__tag.grid-product__tag--sold-out {
background-color: #FF6D6D;
color: #fff;
font-size: 14px;
}

.inventory--low {
color: #515151 !important;
}
.grid-product__tag--sold-out+.grid-product__link .grid__image-ratio {
opacity: 0.5 ;

Replies 0 (0)