Collection list padding and size

[NOT1]

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

Thanks : )

[BSSCommerce-B2B]

Remove this in your base.css file

Result:

[NOT1]

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

[BSSCommerce-B2B]

You want it in a row ? Like this

[NOT1]

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

[NOT1]

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

[BSSCommerce-B2B]

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;
}

[NOT1]

its looking like this now

[BSSCommerce-B2B]

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

[NOT1]

Ohk can you please teach me for this

[BSSCommerce-B2B]

@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;
  }
}

[NOT1]

Thanks

[BSSCommerce-B2B]

No problem, glad to help you