BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Download free
Guide

Event Card Free

How to set up and style the Event Card widget in Elementor.

Event Card lists your events as cards or a list, each with a date badge, time, place, image, description and button. Past events can hide themselves, and the widget can add Event schema so search engines understand the dates.

Part of: Bright Addons (free).

See the widget page and live demo

Set it up

  1. Drag the Event Card widget onto the page.

  2. In Events, add each event with Title, Starts, Ends and Place, or switch on Online Event.

  3. Add an Image, Description, Badge, Button Text and Link.

  4. In Layout and Order, choose Layout, Columns and Order.

  5. Keep Hide Past Events on and set Show at Most.

  6. Switch on Add Event Schema for real events, then style the cards.

Content options

Events

Option What it does
Events One item per event.
Title Name of the event.
Starts Start date and time.
Ends Optional end date and time.
Online Event Marks the event as online.
Place Where the event happens, or the platform for online events.
Image A picture for the card.
Description A short description.
Badge A small label such as Sold out or Free.
Button Text Text of the button.
Link Where the button and title go.

Layout and Order

Option What it does
Layout Cards or List.
Columns One to four columns for cards.
Space Between Space between events.
Show Images Shows the event images.
Image Size Image size used for the pictures.
Show Time Shows the time next to the date.
Title Tag The HTML tag of each title.
Order By date, soonest first, or as listed above.
Hide Past Events An event counts as past once it has ended, or started when it has no end time.
Show at Most Maximum number of events. 0 shows every event.
Message When Nothing Is Coming Up Shown when there are no upcoming events.
Add Event Schema Adds Event structured data for real events with a date and a place, or a link for online events.
Bright Addons Pro

Like this free widget? Get 80 more with Pro

Pro adds 80 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $18 a year, with a 14-day money-back guarantee.

See plans and pricing Compare Free and Pro

Style options

These sections are in the Style tab.

  • Cards

    accent color, background, padding, border, radius, shadow and hover shadow, content padding and image height.

  • Date Badge

    background, text color, day and month typography.

  • Text

    title, date, time and place, description and badge colors and typography.

  • Button

    typography, normal and hover colors, border width, radius and padding.

Tips

  • The editor still shows past events, marked as past, so you can edit or remove them.

  • Dates use your site time zone from Settings, General.

  • Only switch on Add Event Schema for real events. Online events need a link to count.

Questions and answers

Do past events disappear on their own?

Yes, with Hide Past Events on. An event is past once it ends, or once it starts when there is no end time.

Does it add schema for Google?

Yes, when you switch on Add Event Schema.

Can I keep my own order?

Yes. Set Order to As listed above.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides