full width rows

Beaver Builder
1

Hi, I try to do what explained here: http://forum.wpbeaverbuilder.com/knowledge-base/full-width-rows/
but with no success.

.fl-builder #content {
width: auto;
}

This is a test page: http://www.intramed.no/developer/full-width/

2

Hi Johannes,

You will want to use the following CSS:

#content .col-full {
    max-width: 100%;
}

You will want to remove the margin from the Row and you should have a full-width layout.

Thanks,
Danny

3

Hi Danny

Thank you!!!

Best regards
Johannes

4

No problem, Johannes. Happy to help!

Thanks,
Danny

5

One more thing:

When I reduce the size of the window then pops up margins on both sides of the row. How can I avoid that?

  • Johannes
6

I tried with row margin -25 on left and right, but is this all browser safe?

  • Johannes
7

Hi ,

This is related to your theme, it is applying a margin to the left and right at a specific width. Therefore, remove the code I gave you above and replace it with the following:

#content .col-full {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

Then reset the negative margins back to 0 and this should resolve your issue.

Thanks,
Danny

8

Moved Asset’s reply as a new topic here - http://forum.wpbeaverbuilder.com/support/q/moved-reply-to-full-width-rows/