I am trying to enlarge the swatch images compared to their current size (as shown in the screenshot).
Currently, there are 11 images/variants displayed in a row. I aim to have eight images per row to enlarge their size and therefore visibility.
https://2znw6yz6gcmnq31a-62792532213.shopifypreview.com/collections/all-products/products/customise-fridgy-600ml-tumbler-grip-range?variant=44597297676533
storefront password: test
Theme I am using: Flex
Any help would be greatly appreciated.
Hi @technase
Try to find this code on your style.css under asset folder.
And change into your desire size.
Or paste another code on the very last of the style.css folder.
.swatch .color label {
min-width: 50px !important;
height: 50px!important;
}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Super Helpful.. Thank you so much.
Hi there, I have increased size but even then my image is so blur that I can hardly notice the fabric quality. can you help out how do I retain the best resolution in swatches?
I usually use 800x800 px image for swatches, works best.
Hii, do you have the same solution for the dawn theme because I can’t find style.css anywhere
Hi @technase 
In your case, the issue comes from the theme displaying too many swatches in a single row (currently 11), which forces each swatch to shrink to fit the layout. As a result, even high-quality images appear small and less visible.
A simpler approach - without modifying any code is to use Easify Product Options to create your own image swatches. The app gives you full control over how swatches are displayed, without being limited by the theme’s default layout.
I’ve created a similar demo to help you better visualize how it works:
You can easily set this up by creating an Image Swatch option and uploading an image for each value, ensuring everything displays exactly as intended on the product page.
If you’d like to adjust the swatch size, you can simply enable the “Custom swatch size” option and tweak the dimensions to achieve better visibility and a cleaner look.
The app is designed to be intuitive and easy to use, so you can get everything set up in just a few minutes without any technical work. If you need any assistance along the way, the support team is always available to provide quick and detailed guidance to ensure a smooth setup.
