For the latest COVID-19 campus news and resources, visit

Search Close Search
Page Menu

Episerver CMS Blog

BLOCK: Image Hero

Tuesday, October 12, 2021

Use the Image Hero Block to display an image at full width across the top of your web site. An oversized image across the width of the page is referred to as a "hero header." You can also add text, as well as a call-to-action button, that will overlay the image. This block can be added to any drop-block area. You can set the width of the block as needed (see: BLOCKS: Displaying blocks in different widths)

  • Create a new block
  • choose the Image Hero Block
  • add your image in the required Image field
  • click the create button

Set the properties in the Image Hero Block:

  • If you have text you wish to display, select which layout you prefer
  • publish your block

To add text or a call-to-action button, edit the image and update the properties on the "Hero Tab."


Blog Topic: