Visual Composer

# Countdown

## Add the timer for an event or site launching

Prev Services 26 December 2016 Next Facts Module 26 December 2016

This module gives a great possibility to inform your visitors about events, meetings, exhibitions, sales, etc.

You may check the customization example on the Countdown page.

##### Watch the video tutorial on Countdown module creation for more details.

- General settings
- Style settings

#### General settings

- Style – choose between 3 preset styles.
  - Simple – only the number are displayed in count-down.
  - Bordered – the border is displayed around the module.
  - Bordered number – the border is displayed around the numbers only.
- Target time for countdown – select the target time using the built-in calendar. The data and time are displayed in the following format:(yyyy/mm/dd hh:mm:ss).
- Countdown alignment – select the horizontal alignment for the countdown element. Left, right and center positions are available.
- Select time units to display in countdown timer – select the necessary units among the following: years, month, days, hours, minutes, seconds.
- Delimiter value – enter the symbol for desired delimiter (e.g.: “:”, “/” etc).

##### Extra features

- Animation – choose between 14 preset animation effects.
- Custom CSS class – enter our own unique class name for the item – this is a useful option for those who want to create a specific style. E.g.: you can type custom-style class and then go to Theme options General options Custom CSS/JS Custom CSS field and write your own CSS code with this class to get your own style.

#### Style settings

##### Number

- Font size – enter the font size for the number. The default size for the simple style is 45px. The default size for the bordered and bordered number styles is 35px.
- Color – choose the color for the number. The default color is inherited from Theme options Typography/Fonts Headings typography Content title big Typography.

##### Delimiter

- Color – choose the color for the delimiter. The default color is inherited from Theme options Typography/Fonts Headings typography Content title big Typography.

##### Time units

- Font size – enter the font size for the time units titles. These settings are inherited from Theme options Typography/Fonts Text typography Default text Typography for simple styles. The default size for the bordered and bordered number styles is 13px.
- Color – choose the color for the number. The default color is inherited from Theme options Typography/Fonts Text typography Default text Typography.

- info
- module
- Visual Composer

© DynamicFrameworks- Elite ThemeForest Author.
div#stuning-header .dfd-stuning-header-bg-container {background-image: url(http://nativewptheme.net/support/wp-content/uploads/2017/01/hands1.jpg);background-size: cover;background-position: center center;background-attachment: scroll;background-repeat: no-repeat;}#stuning-header div.page-title-inner {min-height: 550px;}