Archived topic
Create Page Hero and transparent header for a single page
5 replies · Started by Mark on June 21, 2021
I have a GP site at generatepress.michianait.net.
I thought I understood how to create a page header in Gutenberg, but I'm still missing some key concept.
This site uses the Donate starter site. I have added a page called Donate_Test, which is in the menu. I am trying to create a header (with image) for this page only. Do I need to add another Merge element, and another block header element? Where do I specify the image?
Thanks
Mark
Hi Mark,
Here's the documentation of block element - page hero with tutorial video:
https://docs.generatepress.com/article/block-element-page-hero/
Donate site has been updated, not sure you imported the old version or the new version.
If your elements screen looks like the screenshot below, then it's the new version.
https://www.screencast.com/t/807sqRRD
If it's the new version, you don't need to create another Merge header element, it's already assigned to the entire site, so it applies to any new pages you created as well.
If it's the old version, can you send me a screenshot of your elements?
You can use this method to upload screenshots: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots
Let me know :)
Thanks Ying.
Does Tom have a video on this also? (I know he has one on the old style way of creating Page Heros)
Mark
Hi Mark,
You can find the old videos on our official youtube page. - https://www.youtube.com/c/GeneratePress/videos
I'm not sure what you're looking for but perhaps its this one -
https://www.youtube.com/watch?v=PYb5OClrRaE&t=24s
Thanks again, Ying.
I have the new version of the Donate starter site. It seems like there is a "Merge" element and a Page hero/header element. I understand that the "Merge" element is only used to merge the site header and page hero, and I imagine the Page Hero/Header element is to actually place the header on the individual page. So I just need to create another Page Hero/Header if I want to use it on a particular page?
Also, I can't see in the Page Hero/Header element where the image comes from. It doesn't seem to have a background image. Are those images already on the page, and the Header element doesn't have an image in it?
Thanks,
Mark
So I just need to create another Page Hero/Header if I want to use it on a particular page?
Yes, you just need to create one of these and assign it to a specific page. But do remember to exclude it from the Page headers (block - page hero), since it's assigned to the entire site.
https://www.screencast.com/t/1eLUDlVc
The Page headers (block - page hero) has a static background image, which means all the pages will use the same image.
https://www.screencast.com/t/9vbzumoq
The Post headers ( block -page hero) has a dynamic background image, which means different posts will use different featured images.
https://www.screencast.com/t/RFOCZoUTZU31
The Merge (header) has no content in it, it's just for merging purposes. All the styles should be set in the block - page hero elements.
And here's a walkthrough video for Donate site, should be useful :)
https://www.youtube.com/watch?v=TATKonlT6Sk
More tutorial videos: https://www.youtube.com/c/GeneratePress/videos