Hero Banner

A highly customizable hero.

 

Note: The section this module is added to should have it's Content Alignment set to Full width.

Content

  • Include a logo, text, CTAs, author information, media (image or form), and/or down arrow
  • Change default max width of content
  • Set position of text to left, right, center, or full width
  • Add differing backgrounds for desktop and mobile
  • Add overlay to background
  • Use a video as the background

Styles

  • Set Dark Mode
  • Set a bottom border style (straight, angle, rounded, bevel, wave)
  • Edit module spacing

Note: Edit these following styles from your Theme Settings under the Components > Hero section.

  • Change max width of columned and centered content
  • Change background overlay color
  • Change down arrow background and icon color

hero