Support

Home Forums Event Espresso Premium EE4 Customize Event List Page

EE4 Customize Event List Page

Posted: April 28, 2014 at 10:57 am


sparkofignition

April 28, 2014 at 10:57 am

Where do I go to start editing the content displayed on the Event List page in EE4? I see the short-codes in the documentation I can use but mostly I want to remove/move some of the elements on the default view (other than what is available in the admin console).

For example:
I want to remove “Blog Archives” from the top of the body content
Remove “Meta list” from right side of the screen
Move “Continue Reading” to below the description
Remove “Event Details” header (and just leave the actual details)
Same with removing “Upcoming Dates and Times” header.

Ultimately I would like to use a large icon to the left of each listed event that matches the category.

Any help appreciated.


Josh

  • Support Staff

April 28, 2014 at 3:10 pm

Hi Gregg,

The first 3 are added by your WordPress theme, which you could likely remove by switching to use a page template instead of a blog post template. There is plugin will let you do that and this is where you download it:

https://wordpress.org/plugins/custom-post-type-page-template/

The headers can be hidden with CSS, or by customizing the templates and copying them over to your theme. The CSS option is the easiest, you add this to your custom stylesheet:

h3.event-datetimes-h3,
h3.about-event-h3 {
display: none;
}

If you don’t already have a custom stylesheet set up, the Reaktiv CSS Builder plugin will set one up for you.

Ultimately I would like to use a large icon to the left of each listed event that matches the category.

This can be done and it will involve some custom PHP coding and adding some custom CSS too. The PHP part adds a category name to the post class by means of an filter. Here a link to some code you can add to a custom snippet plugin that will add the event category name to the post class:

https://gist.github.com/joshfeck/11383932

Once that’s done you can set a unique background image for each event category.


sparkofignition

April 30, 2014 at 11:01 am

Thanks Josh.

On the first one:
“The first 3 are added by your WordPress theme, which you could likely remove by switching to use a page template instead of a blog post template. There is plugin will let you do that and this is where you download it”

I have downloaded and installed the plugin, selected the post types I want (espresso_events) and checked enforcement mode. Where do I go from here to apply this to my Espresso Events page?

Thanks.


Josh

  • Support Staff

April 30, 2014 at 1:42 pm

Hi Gregg,

I misread this and it turns out that the plugin I recommended works for single posts, not the archive. As an aside, you’ll likely need to uncheck Enforcement mode.

It’s still possible to get the desired look you’re going for. One way to do this is by creating a new page and placing the [ESPRESSO_EVENTS] shortcode on it. This will load a list of events from a page instead of an archive of posts.

The support post ‘EE4 Customize Event List Page’ 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