How to increase swatches image sizes?

Hi how do i increase the sizes of this: https://gyazo.com/77d7b00c071b00acadd7f747dd7a6de6

i want to images to be larger. Thank you

Hello,

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

#picker_pa_color .swatch-wrapper a {
width:50px!important;
height:50px!important;
}
#picker_pa_color .swatch-wrapper a img{
width:50px!important;
height:50px!important;
}

Best Regards

Hi the images look very stretched. Very blur. Can you please see why?

Hello,

Unfortunately, it is not possible to make the images nice with CSS for this case. This trick works perfectly with swatches which are presented by color rather than by images.

Best Regards

[Author]

Posts