Support

Home Forums Event Espresso Premium Displaying Upcoming Events in EE4

Displaying Upcoming Events in EE4

Posted: February 18, 2019 at 12:58 pm


Angela Brookins

February 18, 2019 at 12:58 pm

Hi, I am trying to find a solution for displaying upcoming events in EE4, but am not successful so far I see the $39 grid option, but that doesn’t suit me, nor do the options in the calendar settings for changing the order in which items are displayed.
Is there another solution for getting something customizable for upcoming events, that can look more visually appealing?


Josh

  • Support Staff

February 18, 2019 at 6:30 pm

Hi,

Have you tried adding the [ESPRESSO_EVENTS] shortcode to a page?


Angela Brookins

February 20, 2019 at 12:23 pm

Hi Josh, yes i have. The issue is that the images are of all different sizes, and I dont have any control over how the content is showing up. It would be much better if there was a template of sorts that nicely displayed the event time, with a featured image that was the same size no matter the image that was appended to it, and that looked good.
I recall years back with EE3 there was an option for this that had a black and white “register now” or “closed” next to events, like a list of upcoming ones with a featured image, and outside of the grid layout for sale as an add-on, there doesnt seem to be another option, would you agree? Or am I missing something here?
I just want to create a very good looking upcoming events page, and so far, it looks subpar…


Josh

  • Support Staff

February 20, 2019 at 1:19 pm

Hi,

One of the big differences between EE3 and EE4 is EE3 did not use custom post types. So the additional template options were necessary. Since EE4 uses custom post types, the theme’s layouts can be used. For example, this demo site’s event list page is using the theme’s layout:
https://demoee.org/barnwoodworkshop/events/

With regards to the image sizes, there are ways to control the image sizes so they’re consistent. One way is add some CSS like this:

.ee-event-img-dv {
max-width: 200px;
}

and there are other ways to specific a “cover” size too. Which method you use will depend on what you’re trying to achieve.

and I dont have any control over how the content is showing up

You do have control actually. If you go to Event Espresso > Events > Templates then scroll down to “Event List Pages” you can change any of the Display settings there and the changes will affect the page with the [ESPRESSO_EVENTS] shortcode.

The support post ‘Displaying Upcoming Events in EE4’ 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