change the distance between images on collection list

[Andreas3dvue]

Hi

I have search in this community for an answear whitout progress.

I want to have more distance between the images on the collection list (see pic, drawn blue arrow).

There is some code in the CSS field i have played with for a more "compact" look.

I would appreciate any help and a guide i can get

//Andreas

[Moeed]

Hey @Andreas3dvue 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Andreas3dvue]

Hi Moeed

I run this through "customize" because I run my webshop live.

www.3dvue.se

I forgot to mention that I'm using Dawn theme 15.2.0

[Andreas3dvue]

I run this trough a duplicate of my webshop

[Moeed]

Can you share the URL of the draft theme then?

[Andreas3dvue]

i share the preview URL if this helps

https://6rdvrkh0pshqlv7l-56323342387.shopifypreview.com

[Made4uo-Ribe]

Hi @Andreas3dvue 

Please, share your store URL. Thanks!

[Andreas3dvue]

Hi Made4uo-Ribe

I run this through a duplicate of my site because I run my webshop live. Website is www.3dvue.se

I'm using Dawn theme 15.2.0

[Made4uo-Ribe]

Thanks for the info, please share the preview with the collection list. 

[Andreas3dvue]

Hi

i hope this works for you https://6rdvrkh0pshqlv7l-56323342387.shopifypreview.com

[Ahmad31]

To add more space between the images in your collection list, you can modify the gap property in the CSS for the .collection-list-wrapper or add custom CSS targeting the items inside it. Here's how you can do it:

.collection-list-wrapper {
  display: flex; 
  gap: 20px; /* Adjust the space between items */
  max-width: 65%; /* Keep your existing width */
  padding-right: 50px; /* Keep existing padding */
  padding-left: 50px; /* Keep existing padding */
}

[Andreas3dvue]

Hi 

Sorry but this didnt work.

URL preview link: https://6rdvrkh0pshqlv7l-56323342387.shopifypreview.com