The Event Box Widget allows you to showcase events and special occasions for free in WordPress Elementor websites. Easily create an event with a title, description, date, and other key details. Organize event dates, locations, and times to ensure clear and engaging event displays that help users stay informed.
Let’s look at each of the options in the “Event Box Widget” below.
Elementor Event Box Tutorial Video
Add a Free Event Box 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 for the Elementor Event Box
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 for the Elementor Event Box
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 for the Elementor Event Box
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.
Elementor Event Box 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 for the Elementor Event Box
Set the box background, border, box radius, image height, and image shape.
Box Content Styling for the Elementor Event Box
You can style the box content padding, and alignment.
Calendar Styling for the Elementor Event Box
You can set the vertical, horizontal alignment, margin, radius, border, and width.
Calendar Day Styling for the Elementor Event Box
In this section, set the calendar day color, and background color.
Calendar Month Styling for the Elementor Event Box
You can style the calendar month typography, padding, background, and color.
Title Styling for the Elementor Event Box
This section lets you set the title color, typography, and spacing.
Text Styling for the Elementor Event Box
You can set the text color, typography, and spacing.
List Styling for the Elementor Event Box
Set the list spacing, color, typography, margin, padding, alignment, color, and icon size.
Button Styling for the Elementor Event Box
You can style the button padding, radius, background color, spacing, border, and typography.
Footer Styling for the Elementor Event Box
You can set the footer background, padding, alignment, text color, typography, and spacing.
Badge Styling for the Elementor Event Box
Style the badge background, color, and typography.
Usage Examples of the Elementor Event Box
Here are some live use cases for the Event Box widget.
Free Event Box for Elementor with a Celebration Events
Free Event Box for Elementor with an Overlay Layout
Thank you for using the Event Box Widget for Elementor! With its sleek design and customizable features, this is the best Event Box Widget for Elementor, perfect for showcasing upcoming events in a visually engaging way. We hope it helps you create informative and stylish event displays. If you have any questions or need assistance, feel free to reach out.
