How do I not grey out the "out of stock" items

[ChanceLife]

Hi everyone,

I am trying to prevent my image thumbnails from being greyed out when an item is sold out. I tried to follow this thread but I do not know where I should go after selecting "edit code" so that I can fix this. Is anyone able to help? Appreciate it in advance.

[NerdCurator · Accepted solution]

@ChanceLife You can add this CSS code at the bottom of your CSS or SCSS file under the Assets folder:

.is-sold-out .product--image {
    opacity: 1;
}

Don't forget to like and Accept it as a solution if it solves the issue. Thanks

[ChanceLife · Accepted solution]

Much thanks @NerdCurator.  While putting in that code, I came across the below and changed "0.5" to "1" in the theme.scss.liquid section.  This worked for me. Appreciate you taking the time to help.

[NerdCurator]

@ChanceLife Can you please share the URL of your store?

[ChanceLife]

Thanks, @NerdCurator , it is https://www.stolmid.com/

[NerdCurator · Accepted solution]

@ChanceLife You can add this CSS code at the bottom of your CSS or SCSS file under the Assets folder:

.is-sold-out .product--image {
    opacity: 1;
}

Don't forget to like and Accept it as a solution if it solves the issue. Thanks

[ChanceLife · Accepted solution]

Much thanks @NerdCurator.  While putting in that code, I came across the below and changed "0.5" to "1" in the theme.scss.liquid section.  This worked for me. Appreciate you taking the time to help.

[NerdCurator · Accepted solution]

@ChanceLife Glad, I could help. Please like and accept it as a solution. Thanks