Archived topic
Still not sure I have Beaver Builder working OK?
8 replies · Started by David on April 26, 2016
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:
http://perthevents.com/ohmse/
Note this site is using Beaver Builder 1.8 pre-release - in case that is a factor!
Cheers, dave
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;
}
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
Hmm, interesting. Maybe GP should remove the content padding when BB is activated and no sidebars are present?
Sounds like a plan - can you provide the CSS that you would include to test this ?
Regards, Dave
Something like this:
.no-sidebar.fl-builder.separate-containers .inside-article,
.no-sidebar.fl-builder.one-container .site-content {
padding: 0;
}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?
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.