Shopify themes, liquid, logos, and UX
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-...
storefront password: test
Theme I am using: Flex
Any help would be greatly appreciated.
Solved! Go to the solution
This is an accepted solution.
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!
This is an accepted solution.
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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025