Hi,
I use the theme Symmetry. I would like to resize the swatches which are uploaded files (images). With the current size, the customers cannot see properly the pattern of the images and it decrease my conversation rate.
Do you have any solution to allow people to see the swatches bigger with a zoom on hover for example please ? The solution can be a CSS code if it works with the theme Symmetry or an application you recommand.
Thank you for your help ! Happy new year
Philippe B
HI @Emiperruques
You can add this code at the end of your theme CSS file (style.css) :
[data-swatch]::before {
width: 40px;
height: 40px;
}
If you want bigger size :
[data-swatch]::before {
width: 60px;
height: 60px;
}
The result :
Tell me if it’s good for you !
Guillaume
Hi @Emiperruques ,
You can add this code at the end of your theme CSS file “style.css” :
[data-swatch]::before {
width: 40px;
height: 40px;
}
If you want bigger :
[data-swatch]::before {
width: 60px;
height: 60px;
}
And the result :
Tell me if it’s good 
It perfectly works ! Thank you very much Guillaume 
1 Like