Animation Addons

Animation Addons

Dynamic Widgets

Current Date

Estimated reading: 2 minutes 21 views

Introduction

The Current Date Widget dynamically displays the date, keeping your site updated and engaging.

Prerequisite

  • Elementor
  • Animation Addons for Elementor

How to Activate the Current Date Widget?

  • Go to Animation Addons → Elements in your WordPress dashboard.
  • Find the Current Date Widget in the list.
  • Toggle it on to enable the widget.
  • Now, the Current Date Widget is ready to use!

How to Add Current Date Widget in Elementor

  • Open the page where you want to add the Current Date Widget.
  • Launch the Elementor editor.
  • In the Elementor panel, search for “Current Date Widget”.
  • Drag the widget to your desired section.
  • The Current Date Widget is now ready for customization.

How to Configure Current Date Widget

Enable it, create a new page, set a title, choose the Elementor Full Width template, and publish. Adjust options as needed.

After selection, the Elementor panel appears with all tools and customization options.

Here’s the interface where you can configure the settings and customize the Event Slider Widget across various tabs. 

Configuring Current Date Widget : A Step-by-Step Guide

Once the Current Date Widget is added to your page, you can configure its settings under different tabs: Content, Style, and Advanced.

Content Settings

In the Content section, you’ll find customization options for the date format. I changed the date format, toggled the “Show Day” button, and adjusted the gap and alignment to fit my design preferences.

Style Settings

In the Style section, I made changes only to the Margin section, while the rest remained unchanged as I don’t need them for now. However, feel free to explore and customize them according to your needs.

Advanced Settings

In the advanced settings, you’ll find a variety of advanced features designed to enhance your designs. Experiment with these options and experience the difference they make.

Final Outcome

That’s it! You’ve successfully learned how to configure the Current Date Widget in Elementor to display the current date dynamically on your website. For any further assistance or inquiries, feel free to contact our support.

Share this Doc

Current Date

Or copy link

CONTENTS