How can I expand the gap between collections?

Store Design

Topic summary

A Shopify store owner seeks to increase the spacing between collection items displayed on their homepage.

Solutions Provided:

Multiple support teams offered CSS-based fixes:

  • DelightCart: Add margin styling to assets/component-card.css
  • GemPages: Insert custom CSS code in the theme.liquid file before the closing </body> tag
  • MandasaTech: Modify assets/base.css with padding adjustments to .collection-list elements

Resolution:

The original poster confirmed all three CSS solutions worked successfully and expressed gratitude to each support team. The issue appears fully resolved through custom CSS modifications to the theme files.

Note: The conversation contains reversed/mirrored text in several places, but the technical solutions and outcomes remain clear.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

Hi

How to increase collections gap?

2022-12-14 17 37 40.jpg
2022-12-14 17 37 40.jpg763×768 39.6 KB

Website url: https://hanklee182online.myshopify.com/

Password: teadri

Thank you

2

@HankLee182 ,

Please share the store URL…

3

Hi .@Oscprofessional

Website url: https://hanklee182online.myshopify.com/

Password: teadri

Thank you

4

@HankLee182 Go to assets/component-card.css and paste below css at bottom of file.

.card .media
{
margin: 10px;
}
1 Like
5

Hello @HankLee182

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid theme file
  3. Paste below code before :

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

1 Like
6

Hello @HankLee182

Go to Online store >> Edit code >> Assets >> base.css
Add this code below of base.css file

.collection-list .collection-list__item {
         padding: 12px !important;
}
1 Like
7

Hi .@DelightLoyalty

I paste the code is working.

Thank you very much

8

Hi .@GemPages team

Thanks for GemPages team help me again.

Appreciate :+1:

1 Like
9

Hi MandasaTech

I paste the code is working.

Thanks again :+1:

10

I am glad that my suggestion is helpful to you.

Best regards,
GemPages Support Team

1 Like
11

Hi .@GemPages

Thanks to GemPages team again.

1 Like