Archived topic

Beaver BUilder overides container width

3 replies · Started by Hugues on May 19, 2016

Viewing posts 1–4 of 4

May 19, 2016 at 1:15 am #195297

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

May 19, 2016 at 9:51 am #195388

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 :)

May 19, 2016 at 11:24 pm #195462

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

May 20, 2016 at 1:22 am #195490

Maybe something like this will help?:

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

Let me know :)

This archived topic is closed to new replies.

Start building better websites today.