Countdown Widget (Pro)

The Countdown widget enables you to add countdowns to your page without the use of 3rd party plugins.


Content

  1. Type: Choose either Due Date or Evergreen Timer
  2. Due Date: If Due Date is the type chosen, this option will appear. Set the destination date and time for your countdown
  3. Hours / Minutes: If Evergreen Timer is the type chosen, these options will appear. Set the hours and minutes of the countdown by entering the value in the field or by using Dynamic Tags *
  4. View: Choose between Block or Inline
  5. Days: Show or Hide the Days display
  6. Hours: Show or Hide the Hours display
  7. Minutes: Show or Hide the Minutes display
  8. Seconds: Show or Hide the Seconds display
  9. Show Labels: Show or Hide the Labels
  10. Custom Labels: Edit the Labels’ text
  11. Actions After Expire: Choose from Redirect, Hide, or Show Message. If Redirect is chosen, enter the Redirect URL. If Hide is chosen, the countdown will be hidden when the target’s time reached. If Show Message is chosen, enter the message to be shown after the time expires.

* Note: Evergreen Timer means every single visitor gets the same countdown time frame you set


Style

Boxes

  1. Container Width: Set the width of the Countdown’s container
  2. Background Color: Choose the background color of the boxes
  3. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved
  4. Border Radius: Set the border radius to control corner roundness
  5. Space Between: Control the space between boxes
  6. Padding: Set the padding within the boxes

Content

Digits 

  1. Color: Choose the color of the numerical digits
  2. Typography: Change the typography options for the numerical digits

Label

  1. Color: Choose the color of the Labels’ text
  2. Typography: Change the typography options for the Labels’ text

Expire Message

  1. Alignment: Align the Expire Message to the left, right, center, or justified
  2. Text Color: Choose the color of the Expire Message’s text
  3. Typography: Change the typography options for the Expire Message

Note: Expire message will be displayed only when selecting the After Expire Action > Show Message.


Advanced

Set the Advanced options that are applicable to this widget


Share it on social networks

Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page