How to Use Time Zone Widget

element pack

How to Use Time Zone Widget

Are you facing problem to show local standard time? Exactly, our Time Zone widget will meet the requirement of displaying the local time. I’ll include instructions based on section and detailed pictures to help you get started.

To Insert Widget

Inserting widget, it is just a matter of drag 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.

Time Zone

Just go to the Content tab > Time Zone.

This section holds a few controls and all of these controls will allow you to set GMT (Greenwich Mean Time), Time Format(12 hours/ 24 hours), Alignment and in addition, two switcher buttons such as Show Date and Show Country.

Important thing is that if you want, you’ll be able to set GMT Value manually.

Simply you have to go to Select GMT > Custom GMT.



Style Tab

Now, let’s work with Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you require to design. 

Styling with the Style tab in Elementor will always give you a fantastic experience.

Let’s have a look.

Time, Date & Country

Just go to the Style tab > i. Time > ii. Date > iii. Country.

There is nothing more to do than adding text color and Typography. These three sections will allow you to do so.

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 the Time Zone 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.


Missed The Black Friday offer this year? Get up for flat 50% discount right now.