The Date & Time Widget in Ansar Elements Elementor Add-on allows adding real-time date and time display anywhere on a site.
It is ideal for news, magazine, and blog websites where live date and time enhance usability and professionalism.
With flexible formatting, display options, and styling controls, the widget can be adapted to fit seamlessly into any design layout.
How to Use
- Open any page, header, footer, or custom template in the Elementor editor.
- Locate the Date & Time Widget in the Ansar Elements section of the Elementor widget panel.
- Drag and drop the widget into the desired area.
- Adjust format type, visibility options, and styling to match the site’s design.
Content Setting
The Date & Time Widget provides flexible configuration:
- Format Type: Choose from different formats for both date and time (e.g., 12-hour, 24-hour, full date, short date).
- Hide/Show Option: Enable or disable date or time display individually based on requirements.
- Alignment: Align the widget content to Left, Center, or Right within its container.
- Additional Options: Customize separators or display order of date and time.
Styling Setting
The Date & Time Widget includes detailed styling settings:
- Date Styling: Control date text color, typography (font family, size, weight, letter spacing), and spacing adjustments.
- Time Styling: Customize time color, background color, typography, Apply border-radius for rounded edges, padding for internal spacing.
- Responsive Controls: Adjust date and time design separately for Desktop, Tablet, and Mobile views to ensure consistent appearance across all devices.
Pro Tip
- Use contrasting text and background colors to ensure readability, and apply padding with border-radius for a polished modern design