[Support request] Hero on homepage like the Pixel theme

[Sam]

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

[Ying]

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.

[Author]

Posts