ProCountdown

Countdown element displays a countdown timer to any specific event

Countdown element displays a countdown timer to any specific event. Element popup contains following options;

Defaults tab

  1. Countdown date  -  Select countdown date.
  2. Offset  -  Set time offset. To set time offset. Visit: Time and date and enter your city. Than look for Current Offset.
  3. Container metrics  -  Add custom class or ID to HTML container and adjust visibility on specific devices.

Date text tab

  1. Date text singular  -  Set singular date text.
  2. Date text plural  -  Set plural date text.

Typography tab

  1. Date number font  -  Date numbers font color family and metrics.
  2. Date text font  -  Date text font color family and metrics.

Layout tab

  1. Show/hide elements  -  Choose what date elements to show or hide.
  2. Date adjustments  -  Choose date number position and adjust vertical alignment.
  3. Spacer settings  -  Spacer is located between the date boxes. You can also add dash or colon as separator.

Styling tab

  1. Countdown holder  -  Adjust .thz-countdown-holder box style.
  2. Countdown  -  Adjust .thz-countdown box style.
  3. Date box  -  Adjust .thz-cd-cell box style.
  4. Numbers holder  -  Adjust .thz-cd-numbers box style.
  5. Text holder  -  Adjust .thz-cd-text box style.

Effects tab

  1. Animate  -  Add animation to the HTML container.