Countdown Add-on

Create a simple countdown timer.

Join our next Webinar

The program will span three days with pre- and post-conference mobile workshops. The main program will kick off on Thursday afternoon, February 1, with a plenary starting at 1:30 PM, and continue through Saturday morning, February 3, closing at approximately 12:30 PM.
Days
Hours
Minutes
Seconds
Build Beautiful Websites
Days
:
Hours
:
Minutes
:
Seconds

Content Fields

Here is a list of common content fields for Countdown add-on.

Setting Description
Date A text field used for date. Enter a date for the countdown to expire. Use the ISO 8601 format: YYYY-MM-DDThh:mm:ssTZD, e.g. 2017-05-01T22:00:00+00:00 (UTC time).
Days A text field used for day
Hours A text field used for hours
Minutes A text field used for Minutes
Seconds A text field used for Seconds
Show Labels An option to show/hide lablel for countdown

Countdown Settings

Here is a list of common style settings for Countdown add-on.

Setting Description
Gutter Set a gutter between the numbers and add optional separators.
Show Separators Show/Hide the separators for countdown time
Label Margin Set the margin between the countdown and the label text.
Label Font Size Filed option for changing Label Font Size
Label color A color field used for changing label color
Label transform The following options will transform text into uppercased, capitalized or lowercased characters.
Number color Use one of these classes to apply a different color to number elements.

General Settings

General settings, which are the same across all add-ons, are grouped in a General section at the bottom. Here is a short overview.

Setting Description
Margin Keep the existing vertical margin (e.g. from headings), force specific margin or remove all margin. Margins of an element can be removed from the top and bottom.
Remove top margin. Use this option to remove the add-on's top margin
Remove bottom margin. Use this option to remove the add-on's bottom margin
Animation Overwrite the animation settings from the section. This won't have any effect unless animations are enabled for the add-on.
Alignment This option specifies the alignment of an add-on according to the surrounding element
Text Breakpoint Define the device width from which the alignment will apply.
Visibility Define when the add-on should be hidden.
CSS Class If you wish to style a particular content element differently, then use this field to add a class name and also refer to it in your css file.

Information

Joomla! name is used under a limited license from Open Source Matters in the United States and other countries. WarpTheme.com is not affiliated with or endorsed by Open Source Matters or the Joomla! project