Do you want to hide the individual day, hour, minute, or second counter from your countdown timer in Elementor? There are plenty of situations where you only need a couple of units on screen. For a limited hour offer, for example, you may want to show just the hours and minutes so the timer stays compact and easy to read.
With the Countdown widget from The Plus Addons for Elementor, you can show or hide the day, hour, minute, or second counter independently, without touching a single line of CSS. This guide walks through exactly where those controls live and how the hiding behaves on the front end.
To check the complete feature overview of The Plus Addons for Elementor Countdown widget, click here.
Requirement: This widget is a part of The Plus Addons for Elementor. Make sure it is installed and activated to enjoy all its powers.
What It Does
This feature lets you control which time units your Elementor countdown timer displays. Instead of always showing all four counters (days, hours, minutes, and seconds), you can hide any of them individually and keep only the units that matter for your offer.
Each unit has its own Show or Hide switch inside the Countdown widget, so a days-and-hours timer, a minutes-and-seconds timer, or any other combination takes just a couple of clicks.
Why It Matters
A countdown is a persuasion tool, and clutter works against it. If your promotion runs for a few hours, a full days-hours-minutes-seconds display shows a permanent “00 Days” box that adds noise and weakens the sense of urgency.
By hiding the units you do not need, you get a tighter, more focused timer that reads instantly and fits neatly into banners, headers, and product pages where space is limited.
What You Get
- Four independent Show or Hide switches, one each for Days, Hours, Minutes, and Seconds.
- A separate control for the text label under each counter, so you can hide labels without hiding the numbers.
- Optional custom label text for each unit.
- The same controls work whether you use Normal Countdown or Scarcity (Evergreen) Countdown, and across the widget styles.
Benefits
- Compact by design: show only the units your offer window needs.
- Cleaner UI: no empty or irrelevant counter boxes on short campaigns.
- No code: everything is a toggle inside the Elementor editor, no custom CSS required.
- Flexible: mix and match any combination of the four units.
Capabilities
- Per-unit visibility: toggle Days, Hours, Minutes, and Seconds on or off independently.
- Label control: the Show Label(s) option governs the text under each number separately from the number itself.
- Custom label text: rename the Days, Hours, Minutes, and Seconds labels when labels are enabled.
- Setup coverage: the visibility toggles apply to both the Normal and Scarcity (Evergreen) countdown setups.
How It Works
When you turn a unit off, its counter box is removed from the rendered timer entirely. This is a true removal from the output, not a CSS trick that only hides the box visually, so the remaining counters sit flush with no gap left behind.
Hiding a unit changes the display only. It does not change how the countdown is calculated. The timer still counts down to the exact date and time you set, and the units you keep visible continue to show their standard values.
How to Use It
To do this, add the Countdown widget to the page and follow the steps:
- Select Normal Countdown or Scarcity Countdown (Evergreen) from the Countdown Setup dropdown.
- Set your style and target date as usual.
- Open the Content Source tab. Here you will find a separate Show or Hide switch for the Days, Hours, Minutes, and Seconds counters.
- Turn off any unit you want to hide. The counter is removed from the timer immediately in the preview.
- Optional: use the Show Label(s) option to control the text label under each counter, and edit the label text for any unit you keep visible.
Did you know that you can redirect to a different page after an Elementor countdown ends.
This is how easily you can show or hide the day, hour, minute, or second counters from your countdown timer.
Use Cases
- Flash sale (hours and minutes): hide Days and Seconds for a short same-day promotion so the timer reads as a tight hour-and-minute clock.
- Cart urgency (minutes and seconds): hide Days and Hours to create a fast-ticking checkout timer.
- Launch teaser (days only): hide Hours, Minutes, and Seconds for a calm “launching in N days” message.
Limitations
- Hiding a unit does not roll its time into the next unit. If you hide Days on a countdown that is several days out, the visible Hours, Minutes, and Seconds keep their standard clock values rather than accumulating the hidden days, so keep the visible units matched to your offer window.
- Hiding a counter also removes its label. To keep the numbers but drop the text under them, use the Show Label(s) option instead of hiding the counter.
- The visibility toggles are set per widget instance. Each Countdown widget you place has its own Content Source settings.
- These controls only affect what is displayed. The target date and time you configured stay exactly the same.
Troubleshooting
A counter still shows after I tried to hide it. Every unit is set to show by default. Open the Content Source tab and confirm you switched off the correct unit, and that you are editing the countdown setup (Normal or Scarcity) that is actually active on the widget.
I only want to remove the labels, not the numbers. Do not hide the counter itself. Instead, turn off the Show Label(s) option, which removes the Days, Hours, Minutes, and Seconds text while keeping the numeric counters visible.
My change is not reflecting on the live page. This is usually caching. Regenerate the Elementor files under Elementor, Tools, Regenerate CSS & Data, then clear your site and browser cache and reload the page.
My multi-day timer looks wrong after hiding Days. Because hidden units do not accumulate into the remaining ones, hiding Days on a countdown that spans several days will make the visible units look capped. Keep the largest visible unit big enough to cover your full countdown window.
Also read, how to change website content when the countdown timer ends.
