Minimal Theme - Product Thumbnails - Alignment/Margin/Padding

Store Design
,
1

Hello,

Can I please get some assistance with the below?

I am creating a new store using Minimal Theme and cannot align my thumbnails, the same as I have in Debut theme.

The spacing is also too far in comparison.

Any help appreciated.

Debut theme Thumbnail:

Screenshot_10.png
Screenshot_10.png892×309 149 KB

Minimal theme Thumbnail:

Screenshot_11.png
Screenshot_11.png815×326 145 KB

Preview URL: https://36xfzp3pl1sihsb6-37627822220.shopifypreview.com

2

Hello @insideout_aus ,

Glad to support you today.

To can reduce the gap between image list and align center, you can check out my suggestion below to make it:

  1. Go to Edit code on Online Store:

KCXJ7.png
KCXJ7.png1768×715 90.5 KB

  1. Add my code above the tag on file Theme.liquid:

Eg:

KCXPQ.png
KCXPQ.png1182×782 35.3 KB

I hope you find the answer helpful. If you need further support, do not hesitate to reach out to us.

Kind & Best regards,
GemPages Support Team.

3

Thank you, that helped with the alignment!

I’m still finding the spacing is wider than desired. Could you help me here please?

Screenshot_14.png
Screenshot_14.png796×305 145 KB

4

Hi @insideout_aus ,

Oh, I update my code like this:

Please re-add my new code to reduce the padding between image list :grin: .

Kind & Best regards,
GemPages Support Team.

5

Worked perfectly! Thank you!

6

Your kind words have just made my day :grin: .