Hero - Countdown

Full-width hero with option to add a countdown timer.

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

View a live demo of this module.

Content

  • Set timer target time
  • Set an action to occur when the timer is complete (none, redirect, show text)
  • Set the smallest unit of time that should be displayed (days, hours, minutes, seconds)
  • Edit labels for units of time in the countdown
  • Include heading, text, and calls to action 

Styles

  • Set Light Mode
  • Add "scanline" background style
  • Add background base layer that can be optionally blurred
  • Change background for both desktop and mobile (color, gradient, background)
  • Edit module padding
  • Change text alignment
  • Customize list styling
  • Adjust countdown timer colors and sizes
  • Change heading size

hero-countdown