Home Forums Community Forum Set width for content inside 100% width container

Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • nicolethompson11
    Participant
    Post count: 2

    I see throughout the Avada demos that you can have a 100% width section on a page but have the content inside it only span the site width but I can’t figure out how to do this.

    i.e. have the background colour span the full width of the browser but have the content within the section only span the site width.

    I don’t seem to be able to place a container within a container as the shortcode just breaks.

    i.e. creating a ‘100% width’ container then putting a ‘site width’ container inside it causes both containers to break.

    It doesn’t appear as though the Avada demo uses padding to do this and that doesn’t seem the best approach, so I’d rather not do it that way.

    Please advise how I can achieve this result as it seems like it should be simple.

    nicolethompson11
    Participant
    Post count: 2

    e.g. on the Container page every single 100% width container has the content inside only spanning the site width:

    https://avada.theme-fusion.com/container/

    But I can’t figure out how to do this.

    dkepniss
    Participant
    Post count: 1

    I am having this exact same problem. I can certainly adjust padding, but that is not a robust solution given the variety of screen sizes. I’d really like to know the answer.

    Michael C
    Keymaster
    Post count: 395

    Both of you have active support, so if you require assistance you can always submit a support ticket from here – https://theme-fusion.com/support/submit-a-ticket/

    You can also import a full demo or demo page to see how this is achieved.

    In general you need:

    • Set page template to 100% width
    • Add a full width container
    • Make sure Interior Content Width is set to Site Width for the container
    • Set the site width in the Theme Options (this is the width of the content inside the container)

    You can find more details about the container element here – https://theme-fusion.com/documentation/fusion-builder/elements/container-element/

    keplerterra
    Participant
    Post count: 1

    Make sure Interior Content Width is set to Site Width for the container

    I don’t have this option in my container setting window.
    I have imported a page from demo, the option exists. Actually the

    hundred_percent=”yes”

    doesn’t work for the pages I created.

    marklchaves
    Participant
    Post count: 566

    You mean something like this?

    https://marklchaves.com/full-width-test/

    exceladvisors
    Participant
    Post count: 6

    I am also seeking information on how to do this.

    @Michael C we shouldn’t have to open support for lots of things like this.
    I would have thought there was already an FAQ on this somewhere.

    Otherwise, if someone posts the answer here, we can all benefit without wasting the support resources.

    exceladvisors
    Participant
    Post count: 6

    Btw following these steps means that all the content for that contain is site-width not just the background.

    In general you need:

    Set page template to 100% width
    Add a full width container
    Make sure Interior Content Width is set to Site Width for the container
    Set the site width in the Theme Options (this is the width of the content inside the container)

    Any other ideas on just getting the container background to go wide and no the container content?

    exceladvisors
    Participant
    Post count: 6

    Found it. Cross-posting as this was the solution thread that came up first for me.

    https://theme-fusion.com/forums/topic/set-container-background-full-width/#post-646581

    Citymedia
    Participant
    Post count: 1

    And now? –> There is no way to publish an image in fusion builder with 100% width
    Shame to Avada Timewaster

    HankWong
    Participant
    Post count: 1

    I am a User in China. Could anyone help me solve this problem by illustration or video? I set any 100% widths I found. But it can’t work.

    uximo
    Participant
    Post count: 1

    There was a similar problem.
    Found a solution in the page properties
    Screenshot in Russian, but I think you’ll figure it out knowing where to look for a solution.

    https://a.radikal.ru/a05/2003/8b/48927272481d.png

Viewing 12 posts - 1 through 12 (of 12 total)
Only users with a registered purchase of Avada can post to the community forum. Please register your purchase here.