Countdown Timer

This Guide will Help you to customize Countdown Timer Widget Settings and Style.

Note: Widget gives you Default Style provided by theme, you can customize as per your needs using this guide.

Drag & Drop Countdown Timer Widget

When you Drag and Drop Countdown Timer Widget in a Page, You will see the image shown like below.

Countdown-dragdrop.png

Countdown Timer Settings

1) Set Expiration Date by clicking on Icon Calendar as per your needs, set the time at which the countdown expires and Set Start Date by clicking on Icon Calendar also.

2) Select the time zone from select option either user's Local machine or Server time.

Countdown-timer.png

3) Write the Date format for displaying the Timer.

4) Style gives Timer Style such as Default and Circular, by default Circular is enabled.

5) Set the background color for timer blocks.

Countdown-formatstyle.png


6) Give the color of the Text, Track and Track Background.

7) Set the Track block size.

Countdown-track-color.png


8) Change the Track width, Digit size and Text size by dragging Icon horizontally.

9) Spacing gives space between the Blocks.

Countdown-track.png


10) You can give Text before starting the date.

Countdown-starttext.png


11) Expiration Text is displayed when the countdown reaches to zero.

12) Expiration Link is activate when the countdown reaches to zero.

Countdown-expiration.png

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Button

This Guide will Help you to edit Button Widget Settings and Style. Button Widget Settings When...

Icon

This Guide will Help you to edit Icon Widget Settings and Style. Drag Icon Widget When you Drag...

Primary Menu

When the first Theme is selected it automatically gives the Predefined Style for Menu but if you...

List

This Guide will Help you to edit List Widget Settings and Style. Drag List Widget When you Drag...

Chart

This Guide will Help you to edit Chart Widget Settings and Style. Drag Chart Widget When you...