{"id":8413,"date":"2021-05-25T09:36:37","date_gmt":"2021-05-25T04:06:37","guid":{"rendered":"https:\/\/nicheaddons.com\/docs\/education-addon-basic-elements\/countdown\/"},"modified":"2021-05-26T10:34:25","modified_gmt":"2021-05-26T05:04:25","slug":"countdown","status":"publish","type":"docs","link":"https:\/\/nicheaddons.com\/docs\/education-addon-basic-elements\/countdown\/","title":{"rendered":"Countdown"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8413\" class=\"elementor elementor-8413\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a8b44f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7a8b44f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-653a353\" data-id=\"653a353\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e8984be elementor-widget elementor-widget-heading\" data-id=\"e8984be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><strong>Countdown<\/strong> element in Niche Addon plugin is to add information about the info box. You can use this layout of the element based on your needs. From the below steps, you will see how to work with <strong>Countdown<\/strong> element.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ed808e5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ed808e5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fd85f27\" data-id=\"fd85f27\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-51e0348 elementor-widget elementor-widget-heading\" data-id=\"51e0348\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><strong>Step O1:<\/strong> In the Elementor Sidebar, under <strong>Education Addon Basic Elements<\/strong> section you can see <strong>Countdown<\/strong> Element. Simply drag and drop it to the highlighted area.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c648f9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3c648f9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5b8e558\" data-id=\"5b8e558\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-deb1897 elementor-widget elementor-widget-image\" data-id=\"deb1897\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/edu-countdown.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"edu-countdown\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6ODUwOCwidXJsIjoiaHR0cHM6XC9cL25pY2hlYWRkb25zLmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyMVwvMDVcL2VkdS1jb3VudGRvd24ucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1366\" height=\"625\" src=\"https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/edu-countdown.png\" class=\"attachment-full size-full wp-image-8508\" alt=\"\" srcset=\"https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/edu-countdown.png 1366w, https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/edu-countdown-300x137.png 300w, https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/edu-countdown-1024x469.png 1024w, https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/edu-countdown-768x351.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3d8efc4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3d8efc4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-201e6db\" data-id=\"201e6db\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4c3e48a elementor-widget elementor-widget-heading\" data-id=\"4c3e48a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><strong>Step O2:<\/strong> After adding Info Box element in that content area you can simply fill the fields in the <strong>Content Tab<\/strong>.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fae1974 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fae1974\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f6042c3\" data-id=\"f6042c3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d42689b elementor-widget elementor-widget-heading\" data-id=\"d42689b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">The content tab consists of content area for the shortcode.\n<ul>\n\t<li><strong>Countdown Options:<\/strong> Select the options like <strong>Set End Date &amp; Time, Animation, Start Angle, Direction, Circle Background Color, Foreground Circle Width, Background Circle Width, Show Days?, Days Text, Circle Color, Show Hours?, Hours Text, Circle Color, Show Minutes?, Minutes Text, Circle Color, Show Seconds?, Seconds Text, Circle Color, Alignment<\/strong><\/li>\n<\/ul><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dfafae8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dfafae8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d7d9ae8\" data-id=\"d7d9ae8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ad2d914 elementor-widget elementor-widget-image\" data-id=\"ad2d914\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/Elementor-_-Coun-4.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Elementor _ Coun\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6ODU5OSwidXJsIjoiaHR0cHM6XC9cL25pY2hlYWRkb25zLmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyMVwvMDVcL0VsZW1lbnRvci1fLUNvdW4tNC5wbmcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1366\" height=\"625\" src=\"https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/Elementor-_-Coun-4.png\" class=\"attachment-full size-full wp-image-8599\" alt=\"\" srcset=\"https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/Elementor-_-Coun-4.png 1366w, https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/Elementor-_-Coun-4-300x137.png 300w, https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/Elementor-_-Coun-4-1024x469.png 1024w, https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/Elementor-_-Coun-4-768x351.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8dbb057 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8dbb057\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-46be87c\" data-id=\"46be87c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-22129bd elementor-widget elementor-widget-heading\" data-id=\"22129bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\"><strong>Step O3:<\/strong> In this step you'll see what are the options available in the About Me widget <strong>Advanced Tab<\/strong>.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f6c0ae8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f6c0ae8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-15e944e\" data-id=\"15e944e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3c56b9b elementor-widget elementor-widget-heading\" data-id=\"3c56b9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">The Advanced Tab consists of options for adding the advanced options for the shortcode.\n<ul>\n \t<li><strong>Advanced :<\/strong> It consist options like <strong>Margin, Padding, Z-index, CSS ID, CSS Classes<\/strong> for that whole section.<\/li>\n \t<li><strong>Motion Effects : <\/strong>it having the animation options for about me section.<\/li>\n \t<li><strong>Background :<\/strong> This option having <strong>Background Type<\/strong> and <strong>Hover Background Type<\/strong> option with Hover <strong>Transition Duration<\/strong> in it.<\/li>\n \t<li><strong>Border :<\/strong> In this option you've options for <strong>Border, Box Shadow, Hover Border , Hover Box Shadow<\/strong> with <strong>Transition Duration<\/strong><\/li>\n \t<li><strong>Positioning :<\/strong> Her you control the<strong> Width<\/strong> of the section and change the <strong>Position<\/strong> of the section<\/li>\n \t<li><strong>Responsive :<\/strong> In this option you can hide that section in <strong>Desktop, Tablet, Mobile <\/strong>based on your need.<\/li>\n \t<li><strong>Attributes <\/strong>: It will help you to add custom <strong>Html Attributes<\/strong> but it will available once you installed the Elementor Pro version.<\/li>\n \t<li><strong>Custom CSS :<\/strong> You can add your<strong> Custom CSS<\/strong> in this field. It will available once you installed the Elementor Pro version.<\/li>\n<\/ul><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8406411 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8406411\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b587ea0\" data-id=\"b587ea0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-73ba3e8 elementor-widget elementor-widget-image\" data-id=\"73ba3e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/edu-advanced.png\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"edu-advanced\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6ODQ4NCwidXJsIjoiaHR0cHM6XC9cL25pY2hlYWRkb25zLmNvbVwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyMVwvMDVcL2VkdS1hZHZhbmNlZC5wbmcifQ%3D%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1366\" height=\"625\" src=\"https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/edu-advanced.png\" class=\"attachment-full size-full wp-image-8484\" alt=\"\" srcset=\"https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/edu-advanced.png 1366w, https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/edu-advanced-300x137.png 300w, https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/edu-advanced-1024x469.png 1024w, https:\/\/nicheaddons.com\/wp-content\/uploads\/2021\/05\/edu-advanced-768x351.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8d42490 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8d42490\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a9cad4b\" data-id=\"a9cad4b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6656768 elementor-widget elementor-widget-heading\" data-id=\"6656768\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">You can see types of styles in this widget <strong><a href=\"https:\/\/nicheaddons.com\/demos\/education\/elements\/countdown\/\" target=\"_blank\" rel=\"noopener\">Here<\/a><\/strong><\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"featured_media":0,"parent":8408,"menu_order":4,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-8413","docs","type-docs","status-publish","hentry"],"acf":[],"comment_count":0,"_links":{"self":[{"href":"https:\/\/nicheaddons.com\/wp-json\/wp\/v2\/docs\/8413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nicheaddons.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/nicheaddons.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/nicheaddons.com\/wp-json\/wp\/v2\/comments?post=8413"}],"version-history":[{"count":0,"href":"https:\/\/nicheaddons.com\/wp-json\/wp\/v2\/docs\/8413\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/nicheaddons.com\/wp-json\/wp\/v2\/docs\/8408"}],"next":[{"title":"Courses","link":"https:\/\/nicheaddons.com\/docs\/education-addon-basic-elements\/courses\/","href":"https:\/\/nicheaddons.com\/wp-json\/wp\/v2\/docs\/8414"}],"prev":[{"title":"Classes Form","link":"https:\/\/nicheaddons.com\/docs\/education-addon-basic-elements\/classes-form\/","href":"https:\/\/nicheaddons.com\/wp-json\/wp\/v2\/docs\/8412"}],"wp:attachment":[{"href":"https:\/\/nicheaddons.com\/wp-json\/wp\/v2\/media?parent=8413"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/nicheaddons.com\/wp-json\/wp\/v2\/doc_tag?post=8413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}