How to hide unavailable variants?

Currently I am using shopify dawn theme, and want to disable the clothing variant which are not available in stock. I want the size to appear little light in colour , so customer will get idea that the size is not available.

Hi @Shivani3 ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.product-form__input--pill input[type=radio]:disabled+label, .product-form__input--pill input[type=radio].disabled+label {
    opacity: 0.5;
}

Hello, I tried this code but its not working.

Hi @Shivani3 ,

Please send me the product link, I will check it

https://hawbeez.com/collections/clothing - All products from this collection page