Rows Don't Go Full Width

Beaver Builder
1

Hi There,

I installed the Beaver Builder plugin on a fresh installation on the Avada theme. I’m using a page template that is 100% width but my rows always show up as boxed. I also have my row set to full width in BB. It seems like there’s always margin on the sides even though I have them set to zero.

Any ideas what’s going on?

2

Hey Peter,

Welcome to the BB forums! :slight_smile:

This may be caused by the styling your theme has. Do you mind sharing the URL of the site in question so we can check? Feel free to check the private reply option below if you need to. :slight_smile:

Ben

3

Sure thing, here you go Ben http://new1ccsb.staging.wpengine.com

4

Hey Peter,

What page are you using the BB on? I tried going through the pages but I can’t seem to find one.

Ben

5

Sorry about that Ben, here, try this link instead. It’s using a Beaver Builder template and as you’ll see, the page sections aren’t going full width:

http://new1ccsb.staging.wpengine.com/a-beaver-builder-page/

6

Hey Peter,

That seems to be caused by the padding added by your theme. Try using this CSS snippet below and see if it works. This removes that padding on pages you activate the BB Page Builder.

.fl-builder #main {
  padding: 0px !important;
}

Ben

7

Yep, that fixed it Ben. Thank you so much!

8

No worries! Enjoy BB! :slight_smile:

Ben