Custom Blocks: Hero Block

1. Change between full page and default. The full-page will display the image at 100% height.

2. Change between various block configurations

• 'default' - the default configuration recommended for home/landing pages.
• 'blog' - use this configuration when creating a single blog post. Use it as an alternative to the default header/title display.
• 'product' - use this configuration when creating a product.
• 'splash' - this configuration is used on the splash page - it removes the navigation and takes over the whole page.

3. Upload/replace the background image by hovering in the top right area of the image.

4. Enter the title and description of the block. Both are optional.

5. Add/edit buttons and their links. To add a new button, click 'Add Row'. To edit the button text and link click on the pencil icon. Select an icon from the set on the right or select 'No'.  

6. Choose text alignment - default, left, centre, right.

7. Optionally, add an image that will appear in mobile portrait view.