out of stock not showing blur with icon

Hello,
Please turn on the “Disable ‘out of stock’ variation items” option in the plugin settings/Swatches on single page.
Best regards

thank you very much!

is it possible to make the X black instead of red?

hi @kimvt1991

is there any solution not to disable but still have the cross icon?

or is there any solution to change the blur color inorder to have much more different color with the in-stock items.

i want customers can select the out-of-stock items but out-of-stock swatches have much more difference with in-stock swatches

Hi @jessamca11 please use below css:

.vi-wpvs-variation-wrap .vi-wpvs-option-wrap.vi-wpvs-option-wrap-disable::after, .vi-wpvs-variation-wrap .vi-wpvs-option-wrap.vi-wpvs-option-wrap-disable::before {
    background: black !important;
}

Hi @amesmaili I will consider it in the following updates.

hi @jessamca11
thank you very much

there are two more things you may like to consider in the following update:

1- in mobile phone, the clear button (reset_varations) comes up and place under the vartion label.

2- in desktop and mobile, the bottom of swatches there is a free space which is not necessary and pushes important elements down.