Brooklyn Theme - product images

Solved
Excursionist
20 2 1

Hi there

 

Hoping someone can assist in relation to the product images.  When you click on an image that has a few other product images - see example in our store https://larzy.com.au/collections/pearl-hair-clips/products/caprice-hair-clip

 

you can see that the little thumbnails are not close to each other.  how do we change this so the pictures are slightly closer.  

 

PS we do not have any design hours remaining.

I look forward to hearing from you

0 Likes
Trailblazer
299 68 60

Hi, @larzyau ,

 

This is Evita from On The Map

 

The thumbnail images are far from each other, because of the size of the images, if images were on full width, then the image would stretch.

https://prnt.sc/p8775i

 

Best,
Evita

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Trailblazer
233 27 29

will need to change space and size of images to make them close to each other, this needs to be done via CSS, are you ok to change thumbnail size?

you are welcome to contact / donate small amount to me.
My email - suyash.patankar@gmail.com

paypal.me/suyashpatankar
0 Likes

Success.

Trailblazer
299 68 60

Best practise would be uploading a new image with a bigger width. If you want to use CSS then the images wouldn't be even. See exaple: https://prnt.sc/p87nd7

The spaces between images are because height in px is bigger than the width.

On The Map Marketing | Developing custom Shopify Sites & Apps is our thing

- Install our latest app Accessibly - Makes your store accessible for everyone, helps to avoid fines
- Inc 5000 | Shopify Parners | 20+ stores launched | 300+ active clients
- Need help with your Shopify store? Reach out to us!
0 Likes
Highlighted
Excursionist
20 2 1

hi

thank you very much for your response.

Greatly appreciated.

 

1 Like