Still not sure I have Beaver Builder working OK?

[David]

Hi Tom,
I’ve set up a few new sites now and I find I have to add the following CSS for full width rows else I get padding all around the row.

.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content {
padding: 0px 0px 0px 0px;
}

Also with the site I just started, I seem to still have some padding at the top:

Home

Note this site is using Beaver Builder 1.8 pre-release – in case that is a factor!
Cheers, dave

[David]

Sorry Tom, just realised I forgot to include the URL 🙂

test site

Dave

• This reply was modified 7 years, 5 months ago by David.

[David]

ps – I just added this to Simple CSS to fudge things for now so I can move on…

div#content div#primary {
margin-top: -10px !important;
}

[David]

It’s possible I might have worked this out.
I changed the Content Layout setting from boxed to separate containers to one container and the padding seems to have gone!
Looks like that may have been adding the padding or margin…
Regards, Dave

[Tom]

Hmm, interesting. Maybe GP should remove the content padding when BB is activated and no sidebars are present?

[David]

Sounds like a plan – can you provide the CSS that you would include to test this ?
Regards, Dave

[Tom]

Something like this:

.no-sidebar.fl-builder.separate-containers .inside-article,
.no-sidebar.fl-builder.one-container .site-content {
    padding: 0;
}

[mc208]

So to clarify, when using BB, the content layout setting should be set to separate containers or one container? And do we need to add CSS rules?

[Tom]

It shouldn’t matter.

If you’re going for a full width layout with BB, you should just need to set the sidebar layout to no sidebars.

[Author]

Posts