Toggling Event List Layout

[Michael]

I’m trying to change the event list layout from the way shown in image 1 below to image 2. Can you point me in the right direction of the source code I should be looking for and whether I need to search in the theme files or plugin files? I can’t locate where it’s pulling from the create the layout of:
Event Title
Event Meta
Event Image
Event Content

Currently Layout:

Desired Layout:

[Jennifer]

Hi Michael,

Thanks for reaching out!

Our themer’s guide has some instructions on customizing templates, including how to copy them into your child theme for editing.

To make this change, you’ll want to copy and edit this file:


/wp-content/plugins/the-events-calendar/src/views/list/single-event.php


There you will see the title, meta, image, and content, and you can copy and paste those sections to rearrange them into the layout you’re looking for (you may need to tweak the CSS a little bit to get it exactly right).

Let me know how that goes!

[Michael]

That did the trick, thank you!

[Jennifer]

Glad to hear that worked for you!

Since this thread has been marked “resolved”, I’ll go ahead and close it out. Please feel free to open a new one if you have any more questions!

[Author]

Posts