Image header modules

Editorial purpose

Use the image header module to create a strong visual opening for the page.

Module

Image header

See an example of this module in action here: Image header.

Standard parameters

• Visual

  • Hide Module: Toggle on to prevent the module from displaying in the front end.

  • Color Schema: Specify whether the module appears in light (default value) or dark mode.

  • Remove top spacing: Toggle on to remove top spacing from the module.

  • Remove bottom spacing: Toggle on to remove bottom spacing from the module.

  • Variant of the module: Allowed values: Large, Medium, Small.

  • Header Title Alignment: Allowed values: Left, Right, Center.

  • Header Photo Slug: Slug of the header photo to display.

  • Background image from GAD: The tag of the GAD asset to display as the background.

• Animation

  • Enable Animation: Toggle on to set module animation. The front-end implementation determines what the animation looks like.

• Title

  • Header Title: Set the header title.

  • Header Subtitle: Set the header subtitle.

• SEO

  • Header Title Heading Level: Heading level of the header title. The default value is h2.

  • Hide Header Title in the HTML: Toggle on to hide the header title. The HTML contains the SEO title regardless of this property value.