Hide Days in Countdown Timer Module

Divi comes with a countdown timer module that lets you display the days, hours, minutes and seconds left until an event. If you want to hide the days (e.g. if you're promoting same-day events), here's how to do it.

First, here's how the module normally looks, with the days remaining showing:

Hide the Countdown Timer Days using CSS

To stop the countdown timer from displaying days, first give the module a CSS Class of "countdown-timer-without-days" like so:

Next, add the following CSS to your site:
.countdown-timer-without-days .days,
.countdown-timer-without-days .days + .sep {
    display: none !important;
You can add it, for example, in the "Divi > Theme Options > General > Custom CSS" box.
You should now see that the days are no longer displayed in the countdown:

This post may contain referral links which may earn a commission for this site

Divi Booster

Hundreds of new features for Divi
in one easy-to-use plugin


Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.