What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: change the distance between images on collection list

change the distance between images on collection list

Andreas3dvue
Tourist
7 0 2

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

 

//Andreaswidth changes.jpg

 

 

 

Replies 11 (11)

Moeed
Shopify Partner
6357 1721 2081

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

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


Andreas3dvue
Tourist
7 0 2

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
Tourist
7 0 2

I run this trough a duplicate of my webshop

Moeed
Shopify Partner
6357 1721 2081

Can you share the URL of the draft theme then?

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


Andreas3dvue
Tourist
7 0 2

i share the preview URL if this helps

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

Made4uo-Ribe
Shopify Partner
9141 2181 2693

Hi @Andreas3dvue 

Please, share your store URL. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Andreas3dvue
Tourist
7 0 2

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
Shopify Partner
9141 2181 2693

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.
Andreas3dvue
Tourist
7 0 2

Ahmad31
Shopify Partner
116 9 8

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 */
}

 

Love my work? Buy me a coffee!
Hire Me: Email me Or Chat on Whatsapp
If you found my solution helpful, please like and accept it. Your support is greatly appreciated!
Andreas3dvue
Tourist
7 0 2

Hi 

Sorry but this didnt work.

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