How can I expand the gap between collections?

Store Design
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