Styling with Breakdance site builder

Hi Rob,

Thanks for reaching out to us. Can you please give us an exact product link to check?

Hope to hear from you soon.

Thank You

Hi Rob,

Remove the opacity from here:
.woo-variation-swatches .breakdance-woocommerce .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled {
color: var(--bde-palette-color-3);
background-color: #2A194E00;
border-color: #FFF;
opacity: 0.1; // remove this opacity
}
Add the following CSS:

.woo-variation-swatches .variable-items-wrapper .variable-item-contents {
align-items: center;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled .variable-item-contents:before, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled:hover .variable-item-contents:before {
background-image: url("data:image/svg+xml;utf8,%3Csvg filter='drop-shadow(0px 0px 5px rgb(255 255 255 / .6))' xmlns='http://www.w3.org/2000/svg' width='72px' height='72px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ff0000' stroke-linecap='round' stroke-width='0.6' d='M5 5L19 19M19 5L5 19'/%3E%3C/svg%3E");
background-position: 50%;
background-repeat: no-repeat;
content: " ";
display: block;
height: 100%;
position: absolute;
width: 100%;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).disabled img{
opacity: .3;
}

Then check whether it displays the cross or not. Hope to hear from you soon.

Thank You

Hi Rob,

Glad to know it helped.

We really get excited & honored when you use our plugin on your site.

If you found my support helpful, could you please leave your valuable review here: https://wordpress.org/support/plugin/woo-variation-swatches/reviews/?filter=5

Your rating keeps us inspired.

Thank You