How to set up and style the Countdown Pro widget in Elementor.
Countdown Pro counts down to a fixed date, gives each visitor their own evergreen timer, or repeats every day or week at a set time. It comes in six looks and can show a message, hide itself or send visitors to another page when it ends. Use it for sales, launches and daily order cut-off times.
Part of: Bright Addons Pro.
| Option | What it does |
|---|---|
| Type | Chooses Fixed Date, Evergreen (per visitor) or Recurring (daily or weekly). |
| Ends On | The end date and time, in your site time zone. |
| Started On (for the progress bar) | The start date the progress bar measures from for a fixed date. |
| Hours | The length of the evergreen timer in hours, with Minutes below it. |
| When It Ends | Keeps an evergreen timer ended, restarts it right away, or restarts it after a pause. |
| Pause Before Restarting (hours) | How long an ended evergreen timer waits before it starts again. |
| Ends Every Day At | The 24-hour time a recurring timer counts down to. |
| On These Days | The weekdays a recurring timer ends on. |
| Option | What it does |
|---|---|
| Style | Chooses one of the six looks. |
| Show Days | Shows the days unit. Hours, minutes and seconds have the same switch. |
| Days Label | The text under the days number. Each unit has its own label, and a short label for Inline Text. |
| Labels | Puts labels below or above the numbers, or hides them. |
| Separator | Adds a colon, dot or line between units. |
| Leading Zeros (05) | Shows single digits with a zero in front. |
| Urgent Colors in the Last (minutes) | Switches to the urgent color near the end. 0 turns it off. |
| Progress Bar | Adds a bar that fills as time runs out. |
| Progress Bar Text | The line of text shown with the progress bar. |
| Option | What it does |
|---|---|
| Action | Chooses Keep Showing Zeros, Show a Message, Hide the Timer or Go to Another Page. |
| Message | The text shown in place of the timer. |
| Page Link | The page visitors are sent to. |
| Also Hide These Elements | CSS selectors of other elements to hide when the timer ends. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $18 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
alignment, space between units and unit width.
background, border, radius, padding and shadow of the units, the middle line color, and ring size, thickness and colors.
typography and color of numbers and labels, separator color and size, and the urgent color.
height, track color, fill and the text style.
typography, color, background, border, shadow, radius and padding.
Fixed and recurring timers use your site time zone from Settings, General, so every visitor counts down to the same moment.
The first unit shown holds all the remaining time, so hours can go above 24.
Yes. Give the section a CSS ID in the Advanced tab and enter it in Also Hide These Elements, for example #offer-section.
Yes. The saved start time is tied to the timer length, so a new length starts a new timer for every visitor.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide