Archived topic
Hero on homepage like the Pixel theme
1 reply · Started by Sam on April 8, 2023
Hi,
I am trying to figure out how to make a nice hero image for my homepage, but when I add an image, it doesn't look right. How can I make it like the pixel theme?
Thanks,
Sam
Hi Sam,
Is your homepage a static page or the latest posts?
If it's a static page, you can:
1. Set the page's content container to full width via the layout metabox in the page editor.
2. Add a Container block of Generateblocks plugin, the container will be full width by default, set a background image via the background panel.
3. Add an inner container into the container, and add headline blocks for the text. You can set a max-width for the inner container so that the text won't touch the edge of the screen. Set the inner container's margin-left and margin-right to auto, so that the inner container will be centred in the parent container.
If it's the posts/blog page, you can:
1. Create a block element - page hero.
2. Same as previous step 2.
3. Same as previous step 3.
