Site logo

Archived topic

Single Page Full Page Width

10 replies · Started by Rylan Urban on May 8, 2020

Viewing posts 1–11 of 11

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!

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!

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

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

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?

Remove this CSS you've added:

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

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

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?

And thanks!

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

This archived topic is closed to new replies.