Narrow Layout on Theme

Beaver Builder
1

Hello. I am new to WordPress and Beaver Builder. I have attempted to use BB with two Elegant Themes, Lucid and Divi and in both cases the layouts are narrow. I have attempted to make the area’s full width, but with little luck.

2

Hi David,

Feel free to share the URL of the site(s) and we’ll take a look at the CSS needed to accomplish full width. Thanks!

Best,
Billy

3

Hello. The URL is ariannamorelli.com.

4

Hey David,

Actually, would you mind sending along temp admin access to your site via the private reply option below?

Best,
Billy

5

[Content Hidden]

6

Hey David,

Here is the CSS snippet that should get you going. Let me know if that helps you out. You also will need to choose the full-width page template available under page templates in the WP editor screen.

.fl-builder .container {
    width: auto;
}

Best,
Billy

7

I inserted the code in Appearance>Lucid Theme Options>General Settings>Custom CSS. All the page elements moved left and remained narrow. Also, I am not clear what you mean by, “choose the full-width page template available under page templates in the WP editor screen”.

8

Yes, you’ll have to change the page template to full width as well. While in the backend page editing screen, you’ll see an option to change the page template to full width on the far right hand side under page attributes.

Best,
Billy

9

Got it! Thank you.

10

Excellent, enjoy, David!