# Countdown

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

<p class="callout info"><span class=".">**Note:** Widget gives you **Default Style** provided by theme, you can customize as per your needs using this guide.</span></p>

#### DRAG &amp; DROP COUNTDOWN TIMER WIDGET

When you **Drag and Drop** Countdown Timer Widget in a Page, You will see the image shown like below.  
   
![](https://dotroll.com/wp-content/uploads/2020/08/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://dotroll.com/wp-content/uploads/2020/08/Countdown-timer.png)

1. Write the **Date format** for displaying the Timer.
2. Style gives **Timer Style** such as Default and Circular, by default **Circular** is enabled.
3. Set the background color for **timer blocks**.  
       
    ![](https://dotroll.com/wp-content/uploads/2020/08/Countdown-formatstyle.png)

1. Give the **color** of the Text, Track and Track Background.
2. Set the **Track block size**.  
       
    ![](https://dotroll.com/wp-content/uploads/2020/08/Countdown-track-color.png)

1. Change the Track width, Digit size and Text size by dragging Icon horizontally.
2. Spacing gives **space** between the **Block.  
       
    ![](https://dotroll.com/wp-content/uploads/2020/08/Countdown-track.png)**
3. You can give Text before starting the date.  
       
    ![](https://dotroll.com/wp-content/uploads/2020/08/Countdown-starttext.png)

1. Expiration Text is displayed when the **countdown** reaches to **zero**.
2. Expiration Link is **activate** when the **countdown** reaches to **zero**.  
       
    ![](https://dotroll.com/wp-content/uploads/2020/08/Countdown-expiration.png)