Decrease spacing between multicolumn images in Dawn theme

Store Design
, ,
1

Hi,

I’d like to reduce to space between the images in a multicolumn grid so that they are even top and bottom. I believe the images are inside of a larger container but can’t find the code to effect that part yet.

I’ve been editing code in section-multicolumn.css but no success.

/* multicolumn image grid spacing 100% */
.multicolumn-list__item .media--adapt {
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.multicolumn-list__item .media--adapt img{
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}

website is https://treatments-are-forever.myshopify.com/products/clementine

password is treatyoself

thanks in advance

2

Hi @norkwwd ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-multicolumn.css->paste below code at the bottom of the file:

.background-none .multicolumn-card__image-wrapper{
    margin: unset;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

2 Likes
3

Wow! Amazing!!! Worked right away. Appreciate your help!

1 Like