fbpx
Want To Add Extra Images Per Product Variation For Free? Download Now

How to reduce the tick size of swatch?

Ahsan Ali

Screenshot_68.png

Hi, I want to ask how can I reduce the tick size of the selected swatch. Thanks

Hakik Zaman

Hi Ahsan,

Thanks for reaching out to us. Add the following CSS at Appearance > Customize > Additional CSS

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected:not(.no-stock) .variable-item-contents:before {
   background-size: 30%; //Adjust the size here as you want
}

Thank You