How can I remove padding between collection images?

Store Design
, ,
1

As you can see, there is this padding in-between I would like to get rid of.

gihan7575_0-1673399608125.png
gihan7575_0-1673399608125.png1321×637 682 KB

I would like it to be more like, https://us.louisvuitton.com/eng-us/men/ready-to-wear/knitwear-and-sweatshirts/_/N-tq8hduw?page=2

my site is, https://lobonewyork.com/collections/hoodies-and-sweatshirts

Thank you

2

Hi @gihan7575

This is Victor from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Victor | PageFly

3

Hi @gihan7575 ,

Glad to support you today.

To can remove that padding, you can check out my suggestion below to make it:

  1. Go to Edit code on Online Store:

GemPages_0-1673400580903.png
GemPages_0-1673400580903.png400×162 25.3 KB

  1. add my code above the tag on Theme.liquid:

I hope you find the answer helpful.

Kind & Best regards,
GemPages Support Team.
4

You can place this code at the bottom of theme.css under the assets directory.

Then there will be no gaps between the product items and the whole thing will be centered!

5 
#shopify-section-collection-template .grid .grid__item {
	padding-left: 0px !important;
}
#shopify-section-collection-template .grid {
	margin-left: 0px !important;
}