{"id":3091,"date":"2017-04-18T17:38:48","date_gmt":"2017-04-18T17:38:48","guid":{"rendered":"http:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/?page_id=3091"},"modified":"2017-04-25T19:17:20","modified_gmt":"2017-04-25T19:17:20","slug":"countdown","status":"publish","type":"page","link":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/examples\/countdown\/","title":{"rendered":"Countdown"},"content":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1492625183707{padding-bottom: 40px !important;}&#8221; grid=&#8221;true&#8221;][vc_column][vc_column_text]<\/p>\n<h1 style=\"text-align: center;\"><small>Countdown\u00a0Example<\/small>Event Countdown<\/h1>\n<p class=\"lead\" style=\"text-align: center;\">The Countdown style is a dynamic solution to display how close is an important event. You can use it on your front page for maximum visibility or right above one of our other schedule styles, to inform your visitors about the main event. It will display only one event, using a custom color as a background and easy customizable event info. Creating countdown banners for your events will be a breeze.<\/p>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1492625189501{padding-top: 0px !important;padding-bottom: 50px !important;}&#8221; grid=&#8221;true&#8221;][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-sm-offset-3&#8243;][vc_column_text]<\/p>\n<ul>\n<li>Only one event is displayed, that you can easily select.<\/li>\n<li>You can set the event to be one-time or weekly event.<\/li>\n<li>It is easy to customize the date display, the colors or the box.<\/li>\n<li>Clicking on the read more button will open a pop-up window, with text and images<\/li>\n<li>Display only the text info you want and customize it.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=&#8221;content-padding-none&#8221; css=&#8221;.vc_custom_1492679011007{padding-top: 5vh !important;padding-bottom: 5vh !important;background: #f2f2f2 url(http:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-content\/uploads\/sites\/10\/2016\/01\/confectionary.png?id=390) !important;background-position: 0 0 !important;background-repeat: repeat !important;}&#8221; grid=&#8221;true&#8221;][vc_column]\t\t<div class=\"wcs-timetable__wrapper\">\n\t\t\t<div class=\"wcs-vue\" id=\"wcs-app-12\"><\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"wcs-timetable__wrapper\">\n\t\t\t<div class=\"wcs-vue\" id=\"wcs-app-13\"><\/div>\n\t\t<\/div>\n\t\t[vc_row_inner][vc_column_inner width=&#8221;1\/2&#8243;]\t\t<div class=\"wcs-timetable__wrapper\">\n\t\t\t<div class=\"wcs-vue\" id=\"wcs-app-14\"><\/div>\n\t\t<\/div>\n\t\t[\/vc_column_inner][vc_column_inner width=&#8221;1\/2&#8243;]\t\t<div class=\"wcs-timetable__wrapper\">\n\t\t\t<div class=\"wcs-vue\" id=\"wcs-app-15\"><\/div>\n\t\t<\/div>\n\t\t[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1492625203226{padding-top: 0px !important;padding-bottom: 0px !important;}&#8221; grid=&#8221;true&#8221;][vc_column width=&#8221;2\/3&#8243; offset=&#8221;vc_col-sm-offset-2&#8243; css=&#8221;.vc_custom_1456440805276{border-bottom-width: 1px !important;padding-top: 40px !important;padding-bottom: 40px !important;border-bottom-color: #e5e5e5 !important;border-bottom-style: solid !important;}&#8221;][vc_column_text]<span style=\"color: #999999;\">With the Countdown style, one of our eleven layout styles available, you can easily create an elegant countdown banner for your main event. You won&#8217;t waste time browsing through unnecessary options. Just select your event, customize the color and text display and your countdown banner is ready.<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1492625207806{border-top-width: 0px !important;}&#8221; grid=&#8221;true&#8221;][vc_column offset=&#8221;vc_col-lg-6 vc_col-md-6 vc_col-xs-12&#8243;][vc_column_text]<\/p>\n<h2>Let&#8217;s see how\u00a0this schedule was created<\/h2>\n<p class=\"lead\">On the right, you can\u00a0see an\u00a0actual screenshot of the Schedule Builder for this style. You can create one yourself, in only a few minutes, with the following steps:<\/p>\n<p>[\/vc_column_text][vc_tta_accordion style=&#8221;flat&#8221; gap=&#8221;10&#8243; c_icon=&#8221;&#8221; active_section=&#8221;1&#8243; css=&#8221;.vc_custom_1455216512937{padding-top: 30px !important;padding-bottom: 30px !important;}&#8221; no_fill=&#8221;true&#8221;][vc_tta_section title=&#8221;Step 1 &#8211; Setup The Schedule Title &amp; Style&#8221; tab_id=&#8221;1455211351388-1878abcd-094f&#8221;][vc_column_text]<\/p>\n<ul>\n<li>Enter a title for your schedule, something like\u00a0Christmas Party.<\/li>\n<li>Select the Countdown\u00a0style, great for a countdown until your main event.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Step 2 &#8211; Setup the Schedule Content &amp; Filters&#8221; tab_id=&#8221;1455211351452-ec11c5b6-b42b&#8221;][vc_column_text]<\/p>\n<ul>\n<li>Choose your Content. Use the select box to browse through all your events and choose the one you wish to be displayed.<\/li>\n<li>This style does not have filters.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Step 3 &#8211; Setup The Custom Labels&#8221; tab_id=&#8221;1455211421076-a918d53e-7e3b&#8221;][vc_column_text]<\/p>\n<ul>\n<li>Use the Labels fields to name the Categories \u00a0how you want.\u00a0You can also customize other labels, like the button title.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Step 4 &#8211; Setup The Schedule Details&#8221; tab_id=&#8221;1455211474781-bf7f4ba5-0345&#8243;][vc_column_text]<\/p>\n<ul>\n<li>With the Display Options switchers you can choose to hide some of the info.<\/li>\n<li>Use the Countdown\u00a0Options switchers\u00a0to customize the date display.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section title=&#8221;Step 5 &#8211; Setup The Extra Customizations&#8221; tab_id=&#8221;1455211503606-3b19b881-d701&#8243;][vc_column_text]<\/p>\n<ul>\n<li>Choose how the pop-up modal should look. We are using the Small option.<\/li>\n<li>The Design Options allow you to choose the three\u00a0colors of the schedule: for the text,\u00a0for the special elements and for the box background.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_tta_section][vc_tta_section i_icon_fontawesome=&#8221;fa fa-flag&#8221; title=&#8221;Done!&#8221; tab_id=&#8221;1455214599342-fb76472e-812b&#8221; add_icon=&#8221;true&#8221;][vc_column_text]<\/p>\n<p class=\"lead\"><span style=\"color: #bf392b;\"><strong>Your Schedule is Ready!<\/strong> You can add it with our<br \/>\ncustom Visual Composer element or you can<br \/>\nuse the auto-generated shortcode on the right.<\/span><\/p>\n<p>[\/vc_column_text][\/vc_tta_section][\/vc_tta_accordion][\/vc_column][vc_column css=&#8221;.vc_custom_1455363959125{padding-top: 15px !important;padding-right: 15px !important;padding-bottom: 15px !important;padding-left: 15px !important;background-color: #f2f2f2 !important;}&#8221; offset=&#8221;vc_col-lg-6 vc_col-md-6 vc_col-xs-12&#8243;][vc_single_image image=&#8221;3120&#8243; img_size=&#8221;full&#8221; alignment=&#8221;center&#8221; el_class=&#8221;curly-lightbox&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1492625183707{padding-bottom: 40px !important;}&#8221; grid=&#8221;true&#8221;][vc_column][vc_column_text] Countdown\u00a0ExampleEvent Countdown The Countdown style is a dynamic solution to display how close is an [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-3091","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/pages\/3091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/comments?post=3091"}],"version-history":[{"count":0,"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/pages\/3091\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/pages\/2"}],"wp:attachment":[{"href":"https:\/\/demo.curlythemes.com\/timetable-wordpress-plugin\/wp-json\/wp\/v2\/media?parent=3091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}