Variant Swatch Size

I am using Image Swatches through my Variant Images. But they display too small. Is there a setting to adjust this. Can it be adjusted per product, or only globally?
View Here: https://www.screencast.com/t/JcmEjvZaF

Hello,

Please provide your product page URL, I will give custom CSS.

As for choosing the variation, it is Woocommerce functionality, and our theme does not influence that. We cannot change it, unfortunately, We can make custom attributes as the swatches either.

If you have any questions please feel free to contact us.

Best Regards

URL is: https://wordpress-548167-1758855.cloudwaysapps.com/index.php/product/righetti-chassis-mounted-supports/

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .swatch-on-single.swatch-with-bg {
    width: 70px;
    height: 70px;
}

Best Regards

Thank you that worked. But it did not effect the Swatch Images size on the Shop Page, which is super tiny (Ex. https://wordpress-548167-1758855.cloudwaysapps.com/index.php/product-category/safety_gear/neck_protection/) . Do you have CSS for Swatch Sizing on Shop Page?

And one more problem with the Swatch image on the product page, it looks like it is contained in a bubble like the swatch color is. So it cuts off the image (Ex:https://wordpress-548167-1758855.cloudwaysapps.com/index.php/product/sparco-neck-collar/) . Is there a way for it to be contained in a square box when you are using the Variant Image?

Hello,
Please add this code to the Theme Settings > Custom CSS > Global:

/*shop*/

body .wvs-archive-variation-wrapper .variable-item:not(.radio-variable-item) {
    width: 70px;
    height: 70px;
}

/*to make square*/

body .swatch-on-single.swatch-with-bg {
    width: 70px;
    height: 70px;
    border-radius:0;
}

Best Regards

[Author]

Posts