How can I adjust vertical padding in multicolumn images?

Hi! I want to reduce the gap between my image in multicolumn feature.

I want the distance between photos (cleanser, toner, serum, sheetmask) to be reduced and the padding on the right image “sheet mask” and the left image “cleanser” is same as the collection list according to the content above (collection list). it’s okay if the changes make the image look bigger. Thank you!

Hi @Disinishop

Please drop your store link to check

Please add this CSS code at the bottom of your base.css file

@media screen and (min-width: 750px) {
.background-none .multicolumn-card__image-wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
}

1 Like

woah it’s actually works perfectly! thank you so much!

You are very welcome