Campus alert status is yellow: For the latest campus alert status, news and resources, visit umassmed.edu/coronavirus

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
    imageyppj6.png
  • 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
    imagem2c5s.png
  • publish your block

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

image-prop-hero.png

Blog Topic: