One of the amazing modules the Divi builder comes with is the countdown timer module. The module can be used to display days, hours, minutes, and seconds left until an event.
Here is the thing, sometimes all you want is to promote a same-day event, and therefore the days wouldn’t really be necessary. Well, here is how to do it.
Before we proceed, here is how the module looks, with the remaining days showing:

How to Hide the Countdown Timer Days using CSS
To hide days in the Divi countdown timer module, first, give the module a CSS Class of “hide-days-cdt” like in the image below:
Next, add the following CSS to your Divi website. Go to Divi > Theme Options > General > Custom CSS” box.
.countdown-timer-without-days .days,
.countdown-timer-without-days .days + .sep {
display: none !important;
}
Related Post: How to Add Custom CSS to the Divi Theme
Here is the result, with the countdown timer no longer showing the days:

Well, that’s it! We hope you enjoyed reading this tutorial.





0 Comments