Live demo · Accordion
Elementor Events Accordion for The Events Calendar
Fit a long programme into a small space with the Eventful Accordion widget: each event is a row that opens to show the image, details and description. Choose which rows start open and pick your own toggle icon. Every accordion below is the live widget.
Eventful Accordion widgetPro
01
Elementor events accordion, first row open
How to set it: Drop in Eventful Accordion. Accordion Mode: First Open. Expand & Collapse Icon on, brand blue.
Live widget · first open (Pro)
02
All folded, Template Two
How to set it: Accordion Mode: All Folded. Template Type: Pre-made, Template Two.
Live widget · all folded, Template Two (Pro)
San Francisco, CA 94105 United States
Sydney, NSW 2000 Australia
San Francisco, CA 94105 United States
Brooklyn, NY 11201 United States
03
Template Three
How to set it: Template Type: Pre-made, Template Three. First Open.
Live widget · Template Three (Pro)
San Francisco, CA 94105 United States
Sydney, NSW 2000 Australia
San Francisco, CA 94105 United States
Options
What you can customise
Everything below is a control in the Elementor panel. No code needed.
- Accordion mode: first open, all open or all folded
- Expand and collapse icon: on or off, any icon, size and colour
- 3 ready-made designs (Template One shows a map of the venue)
- Row padding, colours and borders in the Style tab
- Image size, event meta, excerpt and Read More inside each row
- Load More, number, infinite or normal pagination; AJAX filters
Is the Accordion widget in the free version?
No. Eventful Accordion is a Pro widget.
Can every row of the Elementor events accordion start closed?
Yes. Set Accordion Mode to All Folded. First Open and All Open are the other options.
Can I change the toggle icon?
Yes. Pick any icon from the Elementor icon library and set its size and colour.
Last updated:
Give your events the layout they deserve
Nine Elementor widgets, AJAX filters and full style control. Try the free version or go Pro today.