Support

Home Forums Event Espresso Premium Change event display style

Change event display style

Posted: February 10, 2021 at 6:14 am


Mark

February 10, 2021 at 6:14 am

Hi!
I want to change the event display style like I was using in the EE3
like this
https://www.screenpresso.com/=6STic
but when I migrate to EE4 and change the shortcode accordingly it displays the event list but it has 2 issues.
1. It displays a pagination link that wasn’t in the EE3 and it was good to me. I want to remove the pagination here.
https://www.screenpresso.com/=Tz1Hb
2. The display style of the event is not appropriate. I want to display the events like this
https://www.screenpresso.com/=PTWQb
but it is displaying like this
https://www.screenpresso.com/=OUHeg

I used to change the stylesheet from the template settings of the events in EE3 but this option is not available in EE4 or if it is available then where to access it.
Kindly give me the solution to remove pagination and required event styling.

Thanks.


Tony

  • Support Staff

February 10, 2021 at 9:50 am

Hi there,

Within EE3, events are basically completely separate from your site, stored in their own tables with their own templates.

Within EE4 the events are a custom post type and as such will be displayed however your theme displays ‘posts’ by default.

It is possible to create your own custom output for the event list but to so you use a template file (or multiple files) within your theme and work with them as if they are posts (because they pretty much are).

So for your events to display the same way they did within EE3 you’ll need to create your own template which outputs the same markup as the EE3 templates did and then style accordingly.

How comfortable are you with WP themes and/or template files?


Mark

February 11, 2021 at 4:22 am

So what file or files are needed to modify or copy to work in an order to change event display style?
and what If I am not comfortable with wp files/templates?


Tony

  • Support Staff

February 11, 2021 at 4:51 am

So what file or files are needed to modify or copy to work in an order to change event display style?

For the default event list, it using your themes archive.php template, you copy that and rename the copy to ‘archive-espresso_events.php`. Within that, you have full control of how the event will display on the event list.

For the single event output you copy your themes single.php template and rename the single-espresso_events.php. You then have full control over how the single event output page is output.

We have some details on the template files used for each individual EE event section here:

https://gist.github.com/lorenzocaum/0a35fe4997992fdb1dc5

and what If I am not comfortable with wp files/templates?

Then you’ll need the help of a developer who is familiar with template files to make changes for you.

The support post ‘Change event display style’ 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