Archived topic
PageHero
3 replies · Started by sporenborg on March 6, 2023
Hello,
I have two questions about Pagehero:
1) Is there a way to define the maximum height of the PageHero image / area or does it only work via CSS? My goal is that the header image in PageHero is only 350px high, for example. Currently the image appears below the content container.
2) How can / should I define a fixed distance under the PageHero? When I try it with margin-bottom, nothing happens.
3) and another off topic question: On one page I have the option on full-width and inner-container > contained width under Layout > Container. On another page this option does not exist and I have to do this via insert inner container. Have I set something wrong or overlooked something?
Thank you very much!
Hi there,
1. You can use a block element - page hero, add container block, set the featured image as the background image via the dynamic data panel.
You can set a max-height to the container block via its sizing panel.
2. If you use the method I suggested above, you should be able to add margin-bottom to the container block.
3. This is normal, as we introduced a new structure for the container block since GB 1.7. The container with an inner container is a legacy container, and the new container is just a single container.
How to convert legacy containers to new containers:
https://docs.generateblocks.com/article/migrating-container-legacy-layout/
How to add inner container in the new system:
https://docs.generateblocks.com/article/add-inner-container/
Hello Ying,
thank you very much for your quick answers. now I am up to date again.
You are welcome :)
