1. Home
  2. Docs
  3. Blocks: Introduction, How...
  4. Custom Gutenberg Blocks
  5. Hero


  • The hero block is designed for a large full-width banner at the top of landing pages.

Editor Settings:

  • Fill out the required fields.
  • Heading Top (required)
  • Heading Bottom (optional)
  • Inner blocks for content
  • Button text
  • Button screen reader text (optional)

Image Settings:

  • Desktop (WxH) (2520×1080), 21:9 (Aspect Ratio)
  • Mobile (WxH) (820×350), 21:9 (Aspect Ratio) (optional) – If no mobile image is set, desktop will be used on all viewports.


General Title Emphasis Field

Description Sample Text $250 Sign up

Join Now

How can we help?