List view page order

[mtrs]

Hi,

Is there any way to make the blue square with the date info appear above the title for each event and add a line between each item in list view on Mobile? So the format would be:

——————–
[BLUE DATE BOX]
Event title
Description text
Find out more>
——————–
[BLUE DATE BOX]
Event title
Description text
Find out more>
——————–

Thanks!

[Jeremy]

Hi,

Thank you for reaching out to us! I would be happy to help you.

You can change the format of a single event in the list view, but in order to do that, you would have do do a little bit of customization in the template files.

First, you should copy the file single-event.php in the-events-calendar/src/views/list/single-event.php.

Then, copy this file in [your-theme]/tribe-events/list/single-event.php.

That’s the file you should modify to customize the appearance of a single event in the list view of your calendar.

You can read this article on our Knowledgebase to learn more about how to customize template files.

In this file, you can take all the code from the div .tribe-events-event-meta and place it above the h2.

If you don’t feel comfortable modifying those files by yourself, we can provide you a list of developers to hire for customizations.

I hope this helps,

Cheers,
Jeremy

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts