How can I remove padding margins around collection images?

[Amorden]

Hi! I’m looking for help to remove the padding margins around my collection images. I would like it to show just the photo or a way smaller margin. www.morden-design.com

[Dbuglabpvtltd]

Hi @Amorden

Replace css code with following in theme.css line number 7195

.collection-image img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 0;
}

[Amorden]

I was able to make the padding around the images smaller. However I’d love to completely remove it. Also how do I go about making the images bigger for my collection so I can have 2 side by side on my mobile. Rather than 3 ?

[Dbuglabpvtltd]

Hi @Amorden
Replace this css theme.liquid line no 705

[data-view="6-3"] .grid-item {
  flex: 0 0 50%;
}

add replace this css in theme.css line no 7192

.collection-image img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: fill;
  padding: 0;
}

[Dbuglabpvtltd]

Hi @Amorden

Will look like this