Current Date Widget

The Current Date Widget in Animation Addons for Elementor is a paid feature. To access this widget, ensure the plugin is installed and activated on your site. You can also explore both free and pro widgets through the filtering options.

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!

• 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

• Make sure the Current Date Widget is activated in your Elementor settings.
• Open a new page in WordPress.
• Add a page title and choose the Elementor Full Width template.
• Click Publish to save your changes.
• In the Elementor panel, search for “Current Date Widget” and drag it onto the page.
• Adjust the date format, style, and alignment as needed to match your design.

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. 

• Date Format: Choose the format in which the date will appear. A dropdown menu provides different format styles to match your design needs.
• Show Day: Toggle this option to display or hide the day of the week (like Monday, Tuesday) alongside the date.

When you toggle on the Show Day option in the Current Date Widget, a few additional settings appear:

# Separator: Choose the symbol (like a dash, comma, or custom character) that separates the day from the date.
#Gap: Adjust the spacing between the day and the date for better visual balance.
#Direction: Set the order — whether the day appears before or after the date.

• Alignment: Set the position of the date (left, center, or right) based on your page layout and design preference.

Style Settings

In the Style section of the Current Date Widget, you’ll find several customization options:

• Current Date (Color & Typography): Change the color and font styling of the main date to match your design.
• Day (Color & Typography): Customize the color and typography specifically for the day text when it’s shown.
• Margin: Adjust the spacing around the date to control its positioning.
• Separator (Color & Typography): Style the separator by changing its color and font settings for a polished look.

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.