The Event Box Widget showcase events & special occasions on your Elementor websites. You can create your upcoming event with an event title, event description, event date and any other attributes you can think of. Organize event dates, locations and times to help users read the content on your website.
Let’s look at each of the options in the “Event Box Widget” below.
Install Event Box Widget for Elementor
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Event Box”
- Hover over the widget in the search results and click install
- Add your “Event Box” widget to any Elementor Page
Select the layout from given option.
Choose an image to display.
Select the image size.
- Medium Large
- Full Size
Set the title for event box.
Type text to display in event box.
Type text to show as button.
Type URL to link with button.
Type the date.
Type the month.
Type text to show as badge.
Type text to show as footer.
Type URL to link with image.
Show or hide elements in event box.
Show/Hide the calendar on event box.
Set the placement of badge.
Show/Hide title element.
Show/Hide the text element.
Show/Hide the footer element.
Show/Hide button element.
Show Footer Text
Show/Hide the footer text.
Enable/Disable link for card.
Manage the slides of the event box using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Type text for title element.
Choose an icon to display.
Event Box Widget Styling
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Set the box background, border, box radius, image height, and image shape.
Box Content Styling
You can style the box content padding, and alignment.
You can set the vertical, horizontal alignment, margin, radius, border, and width.
Calendar Day Styling
In this section, set the calendar day color, and background color.
Calendar Month Styling
You can style the calendar month typography, padding, background, and color.
This section lets you set the title color, typography, and spacing.
You can set the text color, typography, and spacing.
Set the list spacing, color, typography, margin, padding, alignment, color, and icon size.
You can style the button padding, radius, background color, spacing, border, and typography.
You can set the footer background, padding, alignment, text color, typography, and spacing.
Style the badge background, color, and typography.
Here are some live use cases for the Event Box widget.
Event Box widget with overlay layout.