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.
https://poweredbyearthgirl.com/billing/instantsite/images/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.
https://poweredbyearthgirl.com/billing/instantsite/images/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.
https://poweredbyearthgirl.com/billing/instantsite/images/Countdown-formatstyle.png
6) Give the colorof the Text, Track and Track Background.

7) Set the Track block size.
https://poweredbyearthgirl.com/billing/instantsite/images/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.
https://poweredbyearthgirl.com/billing/instantsite/images/Countdown-track.png
10) You can give Text before starting the date.
https://poweredbyearthgirl.com/billing/instantsite/images/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.
https://poweredbyearthgirl.com/billing/instantsite/images/Countdown-expiration.png

  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

Tabs

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

Service Box

This Guide will help you to add Service Box. Drag and Drop Service Box Drag and Drop Service...

Primary Menu

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

Pricing Table

When the first Theme is selected it automatically gives the Predefined Style for Pricing Table...

Modal

This Guide will help you to add Modal. Drag and Drop Modal Drag and Drop Modal from left side...