Reduce padding product images & product titles on collection page/featured collection page

Store Design
1

Using the Narrative Theme. Certain product have fine spacing but for this rectangular item it’s not the case.

I want have everything closer not so spaced out.

  1. The first product image is to far from the header.
  2. The product name/title is to far from the bottom of the product’s image.

www.bydzdus.myshopify.com is the url

IMG_0949.PNG
IMG_0949.PNG1242×2688 324 KB

1 Like
2

Your store is password-protected.

3

@dzd

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.featured-collection.collection-template a.card__wrapper {
    padding-top: 0px;
}
.featured-collection.collection-template a.card__wrapper .card__image-wrapper--aligned {
    padding-top: 80%;
}
}
1 Like