Please ensure Javascript is enabled for purposes of website accessibility Countdown to Event | University of West Florida
Skip to main content

Countdown to Event

This will color-tint an image and overlay a countdown to an event over it. Don't forget to set an expiry date!


Important Information

The time left that Countdown to Event displays should be accurate regardless of the timezone the user is on. This math is done "client-side" - which means it will work off the time of the person's device. If someone has their computer or phone set way off into the future, or back in the past, the countdown may not be as accurate. It will use "time," so if you have an event at 12pm and use the "simple" style, this may make it appear to be off, when in reality it's the fact that the hours aren't being displayed (putting it into a different perspective). For the "simple" style, it may be that you set the time differently to compensate for this.

At a Glance

  • Requires Placeholder: No
  • Placement: Almost anywhere
  • Special Setup: None
  • Image Sizes:
    • Dimensions: 880 x 495px

Specialty: Countdown to Event: contains the following elements:

  • Name - Used in Sitemanager only. This does NOT show up on your webpage.
  • Event Date and Time - Select the date and time of your event for the countdown.
  • Optional Header - This will be your content heading (<h2>). Larger, bold text with extra spacing.
  • Text Before Countdown - Add text here to show up above the countdown.
  • Text After Countdown - Add text here to show up below the countdown.
  • Background Image - Use this to select an image from the Media Library for your background.
  • Optional Side Content - Area for text to the right of the countdown, this only works if 'Simple' is chosen below.
  • Countdown Type - Choose between 'Expanded' and 'Simple', as shown below.

Note: Only one date can exist per page. As you see on this one, there are two instances of the countdown content type being demonstrated. In the CMS these are each set to a separate date, however, they will both show the same amount of time remaining when the site publishes out.

Countdown to Event: Live Example

Header!

Text Before the countdown!!!

Text after the countdown!!!!!!!!!

Header!

Small Countdown

This is nice, use it!

Optional Side Content

Wafer pudding biscuit ice cream. Cupcake carrot cake cake cookie halvah dessert apple pie donut. Candy chocolate bar croissant tart marshmallow sesame snaps dessert. Bonbon apple pie danish bonbon chocolate cake icing carrot cake cake.Wafer pudding biscuit ice cream. Cupcake carrot cake cake cookie halvah dessert apple pie donut. Candy chocolate bar croissant tart marshmallow sesame snaps dessert.

Bonbon apple pie danish bonbon chocolate cake icing carrot cake cake. Powder jelly-o caramels candy. Chocolate cake soufflé tootsie roll pie pie. Liquorice halvah gingerbread sweet fruitcake fruitcake donut. Icing chocolate bar topping. Pudding bear claw chocolate candy donut fruitcake.