Beaver BUilder overides container width

[Hugues]

Hi Tom,
I’ve had your theme and premium plugin for a while but this is the first serious foray I am making in building a site with it 🙂 I am using Beaver Builder (also for the first time) to create page content and have come up with a small issue:

I have set content width at 1280px in the customiser and it shows up fine whilest in customiser BUT once I activate a blank beaver Builder template to start buidling content it seems to overrive the container width to make it full width. Is there a way around this please ?

Here’s the page once I sart using the page builder, container has gone full width:
http://e-ha.co.uk/spc/

And here’s a page without using the page builder, showing the container:
http://e-ha.co.uk/spc/about/

Thanks in advance
Hugues

[Tom]

Hi there,

When no sidebar is set and Beaver Builder is activated, the container will go to 100% to allow you to choose whether to use a contained container or a fluid container within Beaver Builder.

If we didn’t do this, people wouldn’t be able to easily create full width layouts using Beaver Builder.

You can override this if you like by using our Simple CSS plugin: https://wordpress.org/plugins/simple-css/

This adds a metabox to the edit page area called “Simple CSS” so you can add your own CSS to that one page:

.fl-builder.no-sidebar .container.grid-container {
    max-width: 1280px;
}

Let me know if you need more info 🙂

[Hugues]

Thank you very much for the quick reply Tom.

Yes that worked, but I see what you mean:
By keeping separate containers and applying the css change I can see the site now sits on the pale green background but, as the BB elements don’t go full width it means seeing a container within a container so its prpobably better aestethically to set the site as “one container”. http://e-ha.co.uk/spc/

Shame because on pages with sidebars, like the blog pages, the separate white containers look nice and clear on the pale green background. http://e-ha.co.uk/spc/april-2016-parish-council-meeting-minutes/

Cheers
Hugues

[Tom]

Maybe something like this will help?:

.fl-builder.no-sidebar .site-main {
    margin: 0;
}

Let me know 🙂

[Author]

Posts