Table Of Contents

How to Use Elementor Countdown Widget Empowered by Element Pack

This Elementor 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 the Elementor Countdown Widget

Inserting the widget 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.


countdown 2 - BdThemes

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.

countdown 3 - BdThemes

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

Count Layout

countdown 4 - BdThemes

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

countdown 5 - BdThemes

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

countdown 6 - BdThemes

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

countdown style 1 - BdThemes

Simply, go to the Style tab > Count Style.

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

Event Title

countdown style 2 - BdThemes

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


countdown style 3 - BdThemes

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


countdown style 5 - BdThemes

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

Event Button


countdown style 6 - BdThemes


countdown style 7 - BdThemes

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

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
Be cool in Summer with up to 40% OFF on our products | Coupon: SUMMERSALE

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design.

Changed your Mind?

Please Suggest us how to improve

Up to 40% OFF

Grab the best summer deal and enjoy awesome Elementor web design tools in your hands now! This is a limited-time offer so get it before time runs out.