How to customize event pages in Divi

First confirm which event plugin creates the pages. This guide assumes Modern Events Calendar, where events are handled as a WordPress custom post type. Open one event on the front end and note whether the page contains the title, date, location, description, registration or booking elements you need to rearrange.

Do not edit an event from Pages unless it is actually a normal WordPress page. MEC events are managed from the event section in the WordPress dashboard.

Before changing the layout, go to MEC Settings → Single Event. Set the single-event style, booking display and sidebar options that should apply site-wide. You can also create custom fields and enable their display on single event pages.

This route is enough when you only need different date formatting, a different built-in style, custom fields or a revised sidebar. It does not give you complete Divi control over the position of every event element.

Open Divi → Theme Builder and create a custom body template for the event post type if Divi lists it in the assignment options. Build the layout with normal Divi sections and rows, then include dynamic post elements such as the title, featured image and content where appropriate. Save the template and assign it to the event type.

Divi Theme Builder supports templates for custom post types, but the standard builder does not automatically provide every MEC-specific field or booking control. If the event date, location or booking area is missing, this is the point where the manual Divi route stops being practical.

For a code-based layout, copy the relevant MEC single-event template into your child theme and edit the copy rather than the plugin file. MEC documents the single-event override location as single-mec-events.php in the theme or child-theme directory.

Keep the original plugin files untouched. Direct edits are lost during updates, and template overrides can fall behind when MEC adds or changes event features. MEC also recommends using CSS or JavaScript where possible instead of overriding files unnecessarily.

Preview a normal event, a recurring event, an event with no image, an event with a long title and an event with booking enabled. Check desktop, tablet and mobile widths, then test the registration or ticket flow from the actual event page.

If a template looks correct but the details are blank, check the event plugin’s page-template setting before changing CSS. A wrong template selection is a common reason for missing titles, images and descriptions. Clear Divi and site caches after changing assignments.

For Modern Events Calendar, Divi Single Builder for MEC is the quicker route when you need drag-and-drop control over event-specific content. It adds MEC modules for details such as the title, date, time, location and custom fields, and supports booking-related elements within the Divi layout.

Create a layout from M.E. Calendar → Divi Single Builder or the Divi Library, make sure its layout type is set to Layout, design the page with the MEC modules, then assign it globally in the single-event settings or override it for an individual event. The add-on requires MEC Lite or Pro version 6.0 or later.