Add more white space to product card - Dawn Collection page

[INFRA]

Hi!

I used below code to add a white background to image, text & price area. But I need some more space on top of the image. Around the same amount of white space as below the price.

website

passw: waiheke

.card {
  background: #fff !important;
}
.card .card__inner .card__media {
  background: #fff !important;
}

thank you!

[Dan-From-Ryviu]

Hi @INFRA

Please update your code to this

.card {
  padding-top: 16px;
  background: #fff !important;
}
.card .card__inner .card__media {
  background: #fff !important;
}

[INFRA]

Perfect, thank you!

I also added below code to create some space between the cards themselves and some space between the filter section, but this is causing the an issue on the mobile view (it is not centered anymore).

.grid__item {
  margin-bottom: 10px;
  padding-right: 10px;
}

Is there a code that applies only to the space in between the columns?