Elements – Countdown

[vc_row full_width=”stretch_row”][vc_column][stack_hero image=”38″][vc_column_text]

Countdown Timer

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements at the Element Index Page →[/vc_column_text][/stack_hero][/vc_column][/vc_row][vc_section css=”.vc_custom_1498220806478{padding-top: 0px !important;}” ebor_docs=””][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”1/2″][stack_boxed_content padding=”boxed–lg” background=”bg–secondary”][vc_column_text]

Countdown

Stack features simple to use countdown timers perfect for timed sales, coming soon pages, product launches etc. The countdown timer works by adding the class .countdown to any empty text or heading element (eg. span, p, h1 etc.) and specifying a date to countdown to with the data-date attribute. NOTE: The date can be in MM/DD/YYYY format.[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=”1/2″][stack_countdown][/vc_column][/vc_row][/vc_section][vc_section][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”1/2″][stack_boxed_content padding=”boxed–lg” background=”bg–secondary”][vc_column_text]

Countdown Fallback

Once the timer reaches zero, you can specify some fallback text using the data-date-fallback attribute.[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=”1/2″][stack_countdown intro=”03/13/2016″][/vc_column][/vc_row][/vc_section]