Days

Hours

Minutes

Seconds
Time until Christmas 2025

CountDown to Date

This content type is fully responsive.

It counts down to your supplied date and time, greying out the boxes as they get to zero.
You can opt to have it stop at zero, or begin to count up from zero once it reaches the supplied date.  If counting up, the label under the countdown will change to the count-up label.

How do I create a Countdown to Date feature

  1. Go to the site structure and find the page you want the Countdown to appear on.
  2. Click on the Actions Button, choose Edit section from the dropdown menu to enter the content of that section.
  3. Click on +Add Content.
  4. Choose the Countdown to Date content type from the available content types.
  5. Give the content a Name
  6. Fill in the additional fields.
    1. Date - The date to count to (or up from)
    2. Count Down Label: The text to display underneath your countdown
    3. Stop at Zero: If set to 'False', the counter will begin counting up, once it reaches zero.
    4. Count Up Label: The text to display (instead of the Count Down Label), once it begins counting up.
    5. Colour: The block colour to use for the counter and its label.
      Content Type Countdown Content tab with fields highlighted
  7. When editing is complete, either click on 'Save changes' (to make your content 'Pending' - i.e. save without publishing).
    Or else, click on the white arrow, beside 'Save changes', and choose 'Save and approve' to allow your edits to publish.

Save Changes dropdown with Save and Approve highlighted

See how this content type looks in different page types:
With Rightbar, Without Rightbar, Widescreen, and Ultra-Wide (sub-site) / Ultra-Wide (top-level) pages
or else
Normal, Widescreen, and Ultra-Wide (Sub-Site) / Ultra-Wide (Top-Level) Landing pages

Note: You change a page's width (and other options) using its section's DC.Keywords field - see my interactive demonstration for full information.