How to grey out sold out product variants and add a diagonal line across the box

[Minako85]

Hi!

I’m having a hard time figuring out how to grey out sold out product variants. I would also like to replace the strikethrough line with a diagonal line.
Can someone help me?

Theme: Dawn
Password: AMANEC

[Dan-From-Ryviu]

Hi @Minako85 

You can do that by adding this code at the bottom of your base.css file 

.product-form__input:has(input.disabled) label {
background-color: #e3e3e3 !important;
}

[Minako85]

Hi @Dan-From-Ryviu 

Thank you!

If you also know how to change the strikethrough over the text to a diagonal line, I would really appreciate it.

Thank you!

[deepaksharma]

Hi there @Minako85 

Can you provide the store url so I help you make diagonal line instead of strike through.