Large Spaces between rows

Beaver Builder
#1

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.

#2

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

#3

Worked Perfect, Thank you.

#4

Hi Ian,

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

Thanks,
Danny

#5