How do I change the size of the image swatches?

Is a code snippet that I place into Custom CSS area in Theme Settings to change sizes for variation swatches images on the product page:

.swatches-select .image-swatch {

    width: 75px;
    height: 75px;
}

However, it does not work. Can you help?

Attachments:

You must be logged in to view attached files.

Hello,

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

/*product page*/

body .swatches-select .colored-swatch, 
body .swatches-select .image-swatch {
    width: 75px;
    height: 75px;
}

/*product grid*/

body .swatches-on-grid .swatch-on-grid {
	    width: 25px;
    height: 25px;
}

Best Regards

It works. Thank you.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts