How to Use Countdown Widget

How to Use Countdown Widget

This countdown widget works for counting backward to zero. The countdown means a short period of time leading to an important event. However, I’m offering documentation on the widget if you face any trouble while using it.

Let’s get it started.

To Insert Widget

Inserting widget, it is just a matter of dragging and dropping. As you see in the screenshot above.

Content Tab

Using the content tab, you’ll be able to make a layout of a particular part of a website. And in this regard, some handy sections in the tab will assist you a lot.

Now, I’m going to show the sections of the Content Tab and how they work behind the widget.


This section allows Event Countdown Widget with default. If you want to use this skin, you’ve to set the Event before as you find in the screenshot below.

Go to the Content tab > Layout > Skin > Event List.

Count Layout

Simply, follow the flow Style tab > Count Layout.

You’ll be able to manage the Countdown layout from this section. You can set Gap, Number & Label Gap, Text Alignment. Moreover, Container Width and Content Align.

Event Button

Come to the Content tab > Event Button.

Using the Event Button section, you might manage the button. Here, you can add text, size, and icon to the button.

Additional Options

Just, go to the Content tab > Additional Options.

Here, in this section, you’ll find a few switcher buttons to handle the element of the Countdown. Mostly, View, from it you can set the countdown Block wise or Inline wise.

Style Tab

It is time to work with the Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you want to design.

Count Style

Simply, go to the Style tab > Count Style.

This section is for styling the Countdown as you can see in the screenshot.

Event Title

If you want to style the title of event. Just, go to the Style tab > Event Title.


Go to the Style tab > Number and use the controls as you see.


Each of the Countdown includes label. So, to give style to the label. Simply, go to the Style tab > Label.

Event Button



Just, come to the Event Button from > the Style tab.

In this section, you will find two modes (Normal and Hover). Both modes will give you hand to style the Event Button. See the photo above.

Video Assist

In conclusion, it seems that you’ve read this article and found it very useful. If you want to know more about the widget, you can watch the video on Countdown Widget by Element Pack and also go to our demo page

About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.

Copyright © 2022 BdThemes. All Rights Reserved.