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
General Settings #
Layout
Select the layout from given option.
- Regular
- Overlay
Image
Choose an image to display.
Image Size
Select the image size.
- Medium Large
- Large
- Medium
- Thumbnail
- Full Size
- 1536*1536
- 2048*2048
Title
Set the title for event box.
Text
Type text to display in event box.
Button Text
Type text to show as button.
Button Link
Type URL to link with button.
Date Number
Type the date.
Date Month
Type the month.
Badge
Type text to show as badge.
Footer
Type text to show as footer.
Image Link
Type URL to link with image.
Layout Settings #
Show or hide elements in event box.
Show Calendar
Show/Hide the calendar on event box.
Badge Placement
Set the placement of badge.
- Left
- Right
Show Title
Show/Hide title element.
Show Text
Show/Hide the text element.
Show Footer
Show/Hide the footer element.
Show Button
Show/Hide button element.
Show Footer Text
Show/Hide the footer text.
Enable Link
Enable/Disable link for card.
Items Settings #
Manage the slides of the event box using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Title
Type text for title element.
Icon
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.
Box Styling #
Set the box background, border, box radius, image height, and image shape.
Box Content Styling #
You can style the box content padding, and alignment.
Calendar Styling #
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.
Title Styling #
This section lets you set the title color, typography, and spacing.
Text Styling #
You can set the text color, typography, and spacing.
List Styling #
Set the list spacing, color, typography, margin, padding, alignment, color, and icon size.
Button Styling #
You can style the button padding, radius, background color, spacing, border, and typography.
Footer Styling #
You can set the footer background, padding, alignment, text color, typography, and spacing.
Badge Styling #
Style the badge background, color, and typography.
Usage Examples #
Here are some live use cases for the Event Box widget.
Event Box widget with overlay layout.
