Could you please share me your site URL where it’s displaying so that i can help you?
Yes! The URL is http://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: http://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: http://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!!! 🙂
