I want to make variant image icons bigger

Store Design
,
1

https://www.afterhoursgallery.co.uk/products/kitchen-disco-poster

1 Like
2

Here’s how to achieve that:

  1. Go to “Online Store”

  2. Three dots → Edit Code

  3. Find the main.css file

  4. Add the following code at the bottom of the file

  5. Save and refresh the target store page

variant-picker variant-color .m-product-option--swatch label {
	width: 60px !important; 
	height: 60px !important;
}

If done correctly, the result should be like this:

Screenshot_3.png
Screenshot_3.png711Ă—490 42.9 KB

Feel free to readjust the values. I hope this helps!

If you don’t want to edit the theme code directly, you can use a code injection app like the one in my signature.

3

Thanks so much! Worked like a charm

4

Anytime! Glad to help! :slightly_smiling_face: