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.
Related Post: Adding CSS to the Divi Theme
You should now see that the days are no longer displayed in the countdown:
0 Comments