CMS Development

SlimSr2003
Participant | Partner
Participant | Partner

Space Between Modules

Hi,

I thought this had been asked previously but I cant seem to find it. I have a LP that I built a drag and drop template for. Here is the LP: http://info.yeshealth.com/test-page

 

There is a gap in the middle (gutter?) of all the side by side modules. I would like the images to touch in the corners from one row to another. 

 

I'm sure it is a margin issue in the module CSS but I don't know where to find it to fix it.

 

Any help would be appreciated.

 

Secondarly, if I wanted to control how the modules stack on mobile what kind of code am I looking at. Is there a how to on this somewhere?

 

Thanks

Scott

0 Upvotes
webdew
Guide | Diamond Partner
Guide | Diamond Partner

Space Between Modules

Hi @SlimSr2003 ,

Please Add this code in your main CSS File. It will fix your gutter issue:

body.hs-page {
margin: 0;
}

Hope this helps!

If we were able to answer your query, kindly help the community by marking it as a solution.

Thanks and Regards. 

SlimSr2003
Participant | Partner
Participant | Partner

Space Between Modules

Hi webdew,

Thanks for the information. I put that code in my css and it hasn't corrected the issue. Here is the page I am talking about: https://info.yeshealth.com/hta 

 

Any other thoughts?

 

Thanks

Scott

0 Upvotes
Ntbrown
Contributor

Space Between Modules

Grid system. Not module. Although I do see an extra one not being used causing a gap. Swapping stacking direction on mobile... Flexbox. Swap the order.