Seventh > Blocks > Countdown

Countdown

The Countdown block displays a live countdown to a specific date and time, with optional text before and after the timer.

What it does

This block displays:

  • A countdown to a chosen date/time
  • Optional text before and after the timer
  • Typography controls for the countdown text
  • Optional hide-on-expired behavior

Block settings explained

Countdown

Year / Month / Day / Hour

  • Sets the target date and time

Timezone

  • Sets the countdown timezone (GMT offsets)

Hide if expired

  • Hides the block after the countdown ends

Text before countdown

  • Inline text shown before the timer

Text after countdown

  • Inline text shown after the timer

Typography

Font

  • Body, Headings, or Accent

Text size

  • Headings size options (H1–H6) for Headings/Accent
  • XXSmall–XXLarge for Body

Case

  • Default or Uppercase

Text weight

  • Normal or Bold

Reduced text opacity

  • Toggles lower opacity for subtle text

Custom text color

  • Overrides the theme text color

Common use cases

Sale countdown

  • Set a clear end date for promotions
  • Add short text before/after the timer

Launch timer

  • Build anticipation for new releases
  • Use a larger text size for impact
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.