Please be sure to read the 2.1 release post/video and review the Important Update Information before updating! (Current Version 2.1.3)

Divi Events Calendar

Documentation & Support

Docs » Divi Events Calendar » Modules » Events Page
Events Page Module Overview for the Divi Events Calendar Plugin by Pee Aye Creative

Events Page Module


In this area of our Divi Events Calendar plugin documentation, you will learn everything you need to know about using the Events Page module. As you set up and use the module I highly recommend that you also reference the Events Page Module Settings List which includes a summary of every setting that is available and what it does. You should also check out the Events Page Module Demos to see how the module works and get some inspiration.

The Events Page module is the game-changer that unlocks the power of the Divi Builder on single event pages! That’s right, with this module you can now customize the event data and build your event pages entirely with Divi using a combination of standard modules and this Events Page module. Enjoy the power to dynamically display and customize everything related to the individual event pages with all of the features, display options, and design settings. This module can be used to create beautiful dynamic Theme Builder templates that can instantly transform all of your event pages on your Divi website.

Overview Video

In this video I’m going to walk you through how to add the module to your layout, talk about the settings and features that it has, and show you some tips on how to use it.

Make Sure The Correct Template Is Selected

When using Divi with The Events Calendar, you need to have the single event pages set to the correct template. This should be correct by default. You can double-check this setting by going to Events>Settings>Display>Events template. Make sure the dropdown is set to “Default Events Template.” 

Events page template setting

Using The Divi Builder AND Theme Builder On Event Pages

Note that the “Description” in our Events Page module is best used with Gutenberg/Classic WordPress on the actual event page. But if you want to design individual event pages with the Divi Builder, you will need to turn off the description and add the Post Content Module. When you try to enable the Divi Builder with a Theme Builder template already assigned to the single events pages, you will get a notice as shown below.

Technically the Events Page description should still work if you exit out of the “Missing Post Content Module” popup, but it’s best to follow the normal Divi procedure and use the Post Content module.

screenshot 2020.11.11 17_56_24

Past Events

“This event has passed” Notice

When an event date is in the past, a notice automatically appears that says “This event has passed.” In version 2.1, we introduced design settings in the Events Page module to style this notice. You can do everything like adjust colors, fonts, spacing, border, shadows, etc. 

Where Does This Notice Show?

The notice will only show at the top of the first Events Page module on the page. So if you have multiple Events Page modules, don’t worry, it will only show once. The placement of this can be a bit tricky, since you may have other Divi modules on the page like an image and title text, but you may want this notice to be at the top. A good trick to use is to turn off every setting in the Events Page module. Then adjust the design of the past events message and place that module at the top of the page. This module will act as the notice only, and then you can use other modules for the other event details.

Last updated May 19, 2021 @ 3:18 am

Get Support

Have a question? Something not going well? I am happy to help!

Pin It on Pinterest


Your Cart