Collection list padding and size

How to make collection themes look like this (the space between images and layout size) and make Image size 202x302

Thanks : )

Remove this in your base.css file

Result:

Hey thanks for your reply I have done it now it has become vertical

1 Like

You want it in a row ? Like this

No I wanted like this (the space between images and layout size) and Image size 202x302

1 Like

Actually both looks good can u give them both please :sweat_smile: I will do some comparison Thanks

1 Like

You want your collection photos to always be 202 x 302 ?

Add this code to the end of base.css file

.card-wrapper .card__media {
  width: 202px;
  height: 302px;
}

its looking like this now

1 Like

I think you should not fix the size of the image because it won’t be responsive to many types of screens

Ohk can you please teach me for this

1 Like

@NOT1 , sure bro try add this code to the end of base.css file

@media only screen and (max-width: 768px) {
  .collection-list {
    flex-wrap: nowrap!important;
    overflow: auto!important;
  }
}

Thanks :heart_eyes:

1 Like

No problem, glad to help you :blush: