Support

Home Forums Event Espresso Premium Customizing Single Event Page with Divi

Customizing Single Event Page with Divi

Posted: December 16, 2020 at 12:49 pm


laurieklein

December 16, 2020 at 12:49 pm

I just purchased EE4 and am working on putting our events into our website built with Divi. I have minimal experience working with CSS and with custom post types but need to customize the single event page to fit with our branding style.The changes I need to make are adding/moving/hiding elements on the standard single event page, changing formatting, and resizing the featured image.

From reading various documents on EE and researching online, I believe the best way to do this would be to use Divi with the CPTs in EE4. The problem is when I go to enable the CPT in Divi, I do not see EE4’s CPTs shown as registered post types. I was given a great document for setting up custom post types in EE3, but none of the instructions seem to apply to EE4. So here are my questions:

1) Is the CPT approach the best option for customizing the single post page in Divi to maintain consistency with our branding style.

2) If not, what do you recommend?

3) If yes, how do I get the CPTs to be seen by WordPress and Divi?

Thanks,
Shelley


Tony

  • Support Staff

December 17, 2020 at 5:59 am

Hi Shelly,

In EE3 events were not custom post types, this means that all of the output/styling was controlled by templates within EE3 itself. Some users wanted to ability to style the events in a very similar way to posts, so EE3 start duplicating events into CTPs to allow for this (that’s why you find a section in the EE3 docs to set up custom post types for EE3).

We built EE4 from the ground up based on all of the feedback we received from EE3 and therefore went with creating a lot EE entities (events, venues, attendees etc) as custom post types and building from there, meaning there is no section to set up EE4 events as CTP’s because they are CPT’s.

Officially we don’t support page builders so you aren’t going to get the same level of control with EE events as you do with other post types.

1) Is the CPT approach the best option for customizing the single post page in Divi to maintain consistency with our branding style.

Yes, but not with the EE3 docs, EE4 events are already CPT’s.

2) If not, what do you recommend?

It depends on how deep you want to go with this.

I haven’t used Divi in a while so I’m not sure what is available, I’ll take a look if you can send me a copy over?

3) If yes, how do I get the CPTs to be seen by WordPress and Divi?

Within WordPress? They already are.

Within Divi, you can’t.


laurieklein

December 17, 2020 at 7:12 am

Thanks for the information, Tony. I had submitted a question to the Divi folks yesterday as well, and they agree with you. For some reason Divi and EE4 just do not work together as they should. Divi simply does not see the EE4 custom post types.

I am a really green developer, so I am at a loss now. The single event page just does not work with our brand. I looked for shortcodes that call specific portions of the EE4 page thinking I could build an acceptable framework in Divi and then just insert what I need where I need it via shortcode. Sadly, the only thing I find for the event page is the ticket selector, but I need the dates and times, description, and venue as well. The other issue, which I have seen in other posts without a workable solution, is to downsize the featured image. That puppy is huge in the EE4 single event page. It takes up the entire screen when the page loads, and I have to scroll down to see the verbiage.

I really like EE4 and want to figure out a way to make it work for us, so any guidance you can provide on how to achieve what I need would be very much appreciated.

Thanks,
Shelley

The support post ‘Customizing Single Event Page with Divi’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso