Modules
      Back to home
      1. Knowledge Base
      2. Spark Premium
      3. Modules

      Hero Banner

      A highly customizable hero.

       

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


      View a live demo of this module.

      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