Black Friday Sale! Get up to $30 off GP Premium! Learn more ➝

Beaver BUilder overides container width

Home Forums Support Beaver BUilder overides container width

Home Forums Support Beaver BUilder overides container width

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #195297
    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

    #195388
    Tom
    Lead Developer
    Lead Developer

    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 πŸ™‚

    #195462
    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

    #195490
    Tom
    Lead Developer
    Lead Developer

    Maybe something like this will help?:

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

    Let me know πŸ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.