Minimize spacing between blocks widgets

Could you please share me your site URL where it’s displaying so that i can help you?

Yes! The URL is https://build.shopmrmrs.com. Thank you!

@shopmrmrs Try adding this to your Custom CSS:

#optimizer_front_blocks-7 { margin-top: -40px;}

Regards

@layerthemes Thank you! I tried it but the spacing was still a little wider than the vertical padding. When I changed it to -70px margin, the second row of photos cropped off the bottom of the top row. Is there a way to make the spacing even smaller without it cropping off the top row?

Thanks!!

Can you please remove that css and try this instead:

#optimizer_front_blocks-6 .midrow_block{padding-bottom:0px;}
#optimizer_front_blocks-7 .midrow_block{padding-top:0px;}

Regards

Tried that and it didn’t work. Still has a large gap. ??

You can see how it looks on the live page: https://build.shopmrmrs.com.

Hi

Insert this in Custom CSS

#optimizer_front_blocks-7 .block_content p{margin-top:0;}
#optimizer_front_blocks-6 .block_content p img,
#optimizer_front_blocks-6 .block_content p{margin-bottom:0;}
#optimizer_front_blocks-6 .midrow_block {min-height:250px !important;}

Thanks

Thank you! This combined with my code below worked on large screens.

.ast_blocks {margin: -7px;}

Do you know how I can make that gap response so that it will remain small on smaller screens? When I shrink the screen, it maintains the minimum height of 250 px.

See screenshot here: https://i.imgur.com/hz40N3U.png

Thanks!

Try adding this to your Custom CSS:

@media screen and (max-width: 480px){
#optimizer_front_blocks-6 .midrow_block {  min-height: 70px !important;}
}

Thanks

Perfect, thank you so much for all of your wonderful help!!! ??