How can I reduce the size of a variation list?

[Jehad1]

https://layalinoor.com/products/noor-abaya-berry

[laddisahsi]

@Jehad1

You can show these as thumnail slider, Please check theme options,

If no setting for this,

Then have to do its custom using JS.

Please let me know if need any help from my end.

Thanks
Laddi

[Dan-From-Ryviu]

Hi @Jehad1

You can do that by adding this code to bottom of your theme.css file in Online store > Themes > Edit code

.media-swatch {
--swatch-size: 40px !important;
}

[Moeed]

Hey @Jehad1

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code in the bottom of the file above tag

RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed