How can I resize and enlarge swatch images for better visibility?

[technase]

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.

[Made4uo-Ribe · 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!

[technase]

Super Helpful.. Thank you so much. 

[Mujaida]

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?

[technase]

I usually use 800x800 px image for swatches, works best. 

[BudiGas]

Hii, do you have the same solution for the dawn theme because I can't find style.css anywhere