Customizing the sold out size variant picker

Store Design
1

Please, can anyone show me how I make the sold out size variant picker background to change to #767676 and the sold out variant picker text to #ffffff when clicked. This is my store (Merry Christmas Tinsel Sweater – Aluovi)

3

I suggest the following CSS code.
You can go to Customize and paste it into “Theme settings”(cog icon)=> Custom CSS.
Or use a Product info sections “Custom CSS” setting.

.variant-option__button-label:has([data-option-available="false"]:checked) {
  background-color: #767676;
  color: white;
  --color-variant-text-rgb: 255 255 255;
}
1 Like
4

Thanks for your help, appreciate it

5

It worked, thanks a lot