Archived topic
GB - Full Width
11 replies · Started by William on May 27, 2020
Aloha,
Building a site with GP, GP Premium, and GB exclusively.
I just want a full-width red row, with a container inner section.
I am SO lost as to what I should be setting in:
1) The customizer
2) sitewide - with a GP Element
3) in the GB layout panel
It seems like this should be so incredibly simple.
Iʻm trying to avoid the .alignfull hack because it triggers a horizontal scroll bar at browser bottom.
Can you offer me some assistance?
I have read forum articles, Facebook posts - I just canʻt get it :(
Much thanks :)
Hi there,
you will need to set the Page Builder Container to Full Width:
https://docs.generatepress.com/article/page-builder-container/
Then simply add Container Blocks for the various sections of the page - this includes the content that is not full width this will include the title...
RE: The Title - You will also need to Disable the Content Title.
https://docs.generatepress.com/article/disable-elements-overview/
Then Create a new Container for your own replacement H1 Heading title.
Thanks David,
Sadly, I end up with a fixed-width container no matter what I do.
https://hpi.ssri.manoa.hawaii.edu/test/
I cannot seem to overcome the site width (1200px) which I defined in the customizer.
^ no matter what I do, I cannot delete this width value.
I believe you have a layout element that's setting the container width to 1200px.
Can you confirm?
https://docs.generatepress.com/article/layout-element-overview/#content-1
Aloha Leo,
I do not - the only place I set the 1200px is in the Customizer.
I set it there based on a popular GB video by Mike Oliver: https://youtu.be/w6bkxoPu5_c?t=179
I used guidance from the same video to create the Element: https://youtu.be/w6bkxoPu5_c?t=979
Iʻve tried Regenerating the CSS via GB and flushing the site cache at the host level.
I'm baffled :) And appreciate your assistance sincerely.
I'm definitely seeing this CSS which is controlling the content width:
https://www.screencast.com/t/VJP1AuiaUSP
Did you check over all the elements?
You can also test by deactivating the element module.
Ahhh ha!
My "Post" Element
But it should only be affecting the width for ALL Singlar Posts? Not pages?
------
I remove the 1200 and presto! Full width on my Pages.
https://hpi.ssri.manoa.hawaii.edu/
Is the mistake me trying to control ALL Singlar Post widths with the element? Because doing so actually trickles to the Pages?
Singular applies to Posts and Pages - think of it as NOT Archives.
For posts use Posts > All Posts
David and Leo ... as always, you are fantastic :)
Much appreciated.
Bill
Solved & Resolved :)
No problem :)
