The Countdown Element is the perfect element to actively show your visitors a countdown to a special event, sale, anniversary, exposition, etc. This element allows you to enter a date and it automatically calculates the time it will take to countdown to the specific date. It comes with several customization options to control all colors, backgrounds, borders, text and more. Read on for an overview of this useful Element.
How To Use The Countdown Element
The Countdown Element allows you to add a customizable countdown box to your content.
Step 1. Edit an existing page. Ensure the Fusion Builder is activated, by clicking the 'Use Fusion Builder' button on top of the page editor.
Step 2. Choose the Container and Column you wish to add the Countdown Element into. Click on Add new Element, at the bottom of the content in the Column.
Step 3. Choose Countdown from the Elements List, or search for it by immediately starting to type its name.
Step 4. There are three tabs in the options for this element; the General Tab, the Background Tab, and the Design Tab. Starting with the general Tab, the first, and perhaps most important option, is the date and time you are counting down to. You can type the date and time directly into the field (just remember to use SQL time format - YYYY-MM-DD HH:MM:SS) or alternatively, you can use the included date and time picker at the right of the field. A related option immediately below this allows you to choose the Timezone the entered date and time relates to. You can choose to show weeks or not, and there are options for Border Radius, Heading, Subheading, and a few for Links, if you want to link the Countdown box to another page, for example, an event page. There are also further customization options for Element Visibility, and CSS Class and CSS ID.
Step 5. The Background Tab allows you to style the background of your Countdown Box. You can have a solid color background, one with opacity, one with an image, or a combination of the last two. there are also two options for positioning your image.
Step 6. The Design Tab styles the content of your Countdown Box. There are various options for color styling the actual Countdown, the Countdown Text, Heading, Subheading, and Link.
Step 7. Once you have completed choosing your options, click Save. You will be returned to the edit page. You can preview the page to view your Countdown, and you can always edit the element again to make changes.
Read below for a detailed description of all element options.
Location: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The Default setting will use the global settings assigned for this element in your Theme Options > Fusion Builder Elements > Countdown Element section.
Location: WordPress Dashboard > Avada > Theme Options > Fusion Builder Elements > Countdown Element
The Avada Advanced Options Network gives you amazing flexibility with additional Global Options that allows you to control individual Elements en masse.