Today we are going to show how the Countdown Timer Shortcode works. You can use this Divi module in any “coming soon” page. This is really an attractive way to represent the countdown.
Countdown Timer Shortcode
[et_pb_countdown_timer admin_label="Countdown Timer" title="Coming Soon" date_time="09/15/2016 00:00" background_layout="light" use_background_color="on" background_color="#7EBEC5" /]
Above code will create the Countdown Timer as shown below:-
Countdown Timer In-depth:-
Countdown timer creates animated graphical timer that’s countdown to a specific date. The countdown timer can be used on any “coming soon” page.
The settings in the countdown timer can be categorized as
- General Setting
- Advanced design setting
- Custom CSS
One of the special fields in the countdown timer is “countdown to” in which we have to place the future date. Other settings in this tab are general like in the other module of Divi. The following image is describing all the general settings in brief.
Countdown Timer Title – allow to give the title for the countdown timer.
Countdown to – allow to assign a date for the timer to count down to. The date assigned should be of future.
Text Color – allows assigning the color of the text which is dark or light
Use Background Color – allows whether to choose the background color or not
Background Color – assign the background color which you want
Admin Label – allows changing the label of the module for easy identification
Advanced Design Setting:-
The advanced design settings are one level up from the general settings which help us to achieve a beautiful layout. In this, there are many customization settings like other modules such as Color Customization, Format, and other things.
We can use shortcodes anywhere in the site wherever we can type text. Hope this will help you to achieve some good layouts. Please don’t forget to subscribe us to get more updated on Divi and other elegant themes. For any query please leave a comment, we will be happy to hear from you.
You May Also Like
- Tested on Divi Version 2.7.8
- You can also find out any module’s shortcode, please refer here http://www.elegantenthusiast.com/how-to-find-the-divi-modules-shortcodes/