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

Above code will create the Countdown Timer as shown below:-

countdown timer shortcode

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

General settings:-

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/
Subscribe To Our Newsletter For More Tips & Tricks on Elegant Themes

Subscribe To Our Newsletter For More Tips & Tricks on Elegant Themes

You have Successfully Subscribed!

Share This