By default, The Events Calendar outputs standard shortcodes or embeds, with styling controlled in the Customizer—not in Divi. To integrate fully, use the third-party Divi Events Calendar plugin by Pee‑Aye Creative.
What Divi Events Calendar offers?
- Custom Divi modules: Calendar, feed, carousel, filters, and single event pages, each with robust design controls.
- Hundreds of styling options: Borders, spacing, typography, colors, and layout.
How to Get Started
- Install and activate Divi Events Calendar after The Events Calendar.
- Open the Divi Builder and add the desired modules (e.g., Events Calendar, Events Feed).
- Configure Content: filter by category, date range, thumbnails, virtual events, etc.
- Go to Design tab: tweak typography, borders, tooltips, hover effects, spacing, and more.
For single-event page control, use the Events Page module and Divi Theme Builder templates. Each event populates dynamically using that layout.
Custom Styling Beyond Builder Defaults
Whether you’re using builder modules or default TEC pages, fine-tune appearance with CSS.
Review Customizing CSS and Calendar View CSS Classes to learn about working with CSS.