Large Spaces between rows

First time using Beaver Builder, loving it so far. I’m having an issue with the spaces between my columns on pages created with Beaver Builder. The theme is custom, and I don’t want to affect any other pages which may be using the style.css file .

An example page showing the issue is here : http://www.aeri.com/products/obsolete-electronic-components/ … I’d like to remove the spacing between the top two rows. How can I do this without affecting the other pages on the site which were not designed using beaver builder? Thanks.

Hey Ian,

Welcome to the BB forums! :slight_smile:

So this is caused by your styling that adds a bottom margin to all divs. When the page builder is used on a page, we add a body class of fl-builder, we can target that and remove the bottom margin you’re adding to divs. Try the CSS snippet below and see if it works.

.fl-builder .content div {
  margin-bottom: 0px;
}

Ben

Worked Perfect, Thank you.

Hi Ian,

Thanks for informing us the issue has been resolved, we appreciate it.

Thanks,
Danny