change the soldout photo opacity for taste theme

[flfsalm]

so I'm having trouble finding out how to change the front covers opacity for sold out items on the front page by editing the code. I have found many fixes for the change but none of the changes seem to work with the taste themes and the only code that actually changed the opacity changed the opacity for all the items on my products page and I was wondering if anyone had a viable fix for this issue.

store: https://laden.co.nz/collections/all

[PageFly-Richard · Accepted solution]

Hi @flfsalm 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.card.card--standard.card--media:has(.price--sold-out) {
    background: white;
    opacity: 0.5;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[flfsalm]

thanks so much it finally works