[Resolved] Single Page Full Page Width

Home Forums Support Single Page Full Page Width

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1275716
    Rylan Urban

    Hello, I’m trying to make a single page full width (similar to the home page). However, I don’t want to use sections – I just want to design with the basic gutenberg.

    Is there any way to enable full width container (and no padding) for a single page to achieve the effect that was possible with sections? Thank you!

    #1275748
    Leo
    Staff
    Customer Support
    #1275759
    Rylan Urban

    Thanks, but I want to change the size of the container itself for this one page.

    Selecting “Full Width” only sets it to 100% of the *container* size (1200px) which is set in my customizer.

    However, I’m looking for 100% of the *screen* size (as is the case with the sections add-on).

    Thanks!

    #1275769
    Leo
    Staff
    Customer Support

    Hmm no – setting it to Full Width would be 100% of the screen.

    Setting to Contained would be 100% of the container size.

    #1275778
    Rylan Urban

    Hmm strange – I have it set to Full Width it isn’t still contained within the content area. (i have not active conflicting layout elements).

    Any suggestions?

    #1275788
    Leo
    Staff
    Customer Support

    Remove this CSS you’ve added:

    body.page.no-sidebar .site.grid-container {
        max-width: 950px;
    }
    #1275833
    Rylan Urban

    Ahh ok great! So, that leaves one issue:
    – I want 1200px for layout: content + sidebar (got it!)
    – I want max 950px for layout: content + no-sidebar (got it!)
    – Full screen content for that one page only.

    If I remove the CSS, objective 1 and 3 are achieved, But then my content + no-sidebar pages default back to 1200px. Is there a work-around for this, since I only need to change this one page?

    Rylan

    #1275837
    Leo
    Staff
    Customer Support

    Have you tried creating a layout element for that instead of using CSS?
    https://docs.generatepress.com/article/layout-element-overview/#content-1

    Then you can set the condition using the display rules.

    #1275878
    Rylan Urban

    Wow – yup that works perfectly. Gosh I love GP products. I set that up and I’m able to use the GenerateBlocks container block to set a max width for the content as well – exactly what I wanted.

    BTW, are you guys still planning on releasing that plugin? and/or making it part of GP?

    #1275941
    Rylan Urban

    And thanks!

    #1275991
    Leo
    Staff
    Customer Support

    GenerateBlocks will be a separate plugin. Hoping to release to .org soon 🙂

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