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:
1 .countdown-timer-without-days .days, 2 .countdown-timer-without-days .days + .sep { 3 display: none !important; 4 }
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