Archived topic
Make full big headers on pages
5 replies · Started by GeneratePressUser on October 2, 2021
Hello Generate Press Team,
Can you pls tell how can we have such big header / background on our Website pages: https://prnt.sc/1ujcjdi
Also how is this design made: https://prnt.sc/1ujcqfz
Where do you go to add / customise those things, we are using Niche Theme of generate press, if you can guide the path or places to add / edit things then we can take care of the rest ourselves, just need to know what things generate those, I believe its something which we can do via Generate Press Elements.
Hi there,
we built the site with GenerateBlocks.
The Logo / Navigation is the standard GP Site Header. Its background color is just set to match the Container Colors.
The Hero section with 2 columns is simply a GB Container Block with matching background color and a 2 Column Grid.
The Footer is also built with GenerateBlocks within a GP Block Element - so it can be displayed Globally:
https://docs.generatepress.com/article/block-element-overview/
The Graphic that overlays the Footer is a Custom SVG Shape that is added using GB Pro.
Hey David,
Ok, so pls check the link in private box.
How can I make those page title text come in center along with background to to same like the header.
In short make it look like this: https://prnt.sc/1umrslt
All together, hope you get the point.
You could use the Block Element - Page Hero:
https://docs.generatepress.com/article/block-element-page-hero/
By default they will be Full Width, and you can start with a GB Container Block to create the full width background color, and set its inner container width ( which by default will be the same as your Customizer > Layout > Container Width ).
By selecting the Element Type > Page Hero you will also be provided the options to disable the themes Content Title.
To display it over the Shop Page, your Display Rules will be Product Archive - although you can also use the Entire Site location if thats what you require.
Ok thanks a lot david, I will mark this resolved for now as I don't have any more questions and we will test the code later in the coming week.
You're welcome
