Date not showing up above title in list view

[Melanie]

Hello!
For some reason only the first 5 events have the date showing up above the title of the event. Here’s a link to my website: http://eventsforkids.melanieotg.ca/events/

Would anyone be able to tell me why this is happening? I would expect the “November 9, 2012” to show up above the “RMG Fridays” event, and the same with the rest of the events below it. Is this a bug or how it’s supposed to work?

[Jonah]

Hi Melanie,

This is how it’s supposed to work by default. The list page groups events by date. If this is not what you want, you can relatively easily remove the day date and display the date for each event instead. This might not look as nice though if you have lot’s of events on the same day…

Let me know what you’d like to do.

Thanks,
Jonah

[Melanie]

Hi Jonah,
I understand now how it works. I would rather have the date displayed for each event because right now if an event is over a period of time, followed by another event that only falls on one date, it’s still grouped under the first event.
Could you please let me know what I need to do to make it work so each event has its date(s) displayed?

Thanks,
Melanie

[Jonah]

Hi Melanie,

Sure no problem. All you have to do is make a copy of /wp-content/plugins/the-events-calendar/views/list.php and place in an ‘events’ folder in your theme. Then, open the file in your favorite editor and replace lines 31-39: http://snippi.com/s/932cfwa with: http://snippi.com/s/ibbjc1u

That’s basically it! You can wrap the replacement code in any HTML you want and then style it accordingly.

I hope that helps but let me know if you need anything else!

– Jonah

[Melanie]

Hi Jonah,
I tried this and now it does display the start date above each event title, however if the event is over a period of time, it doesn’t show the end date.

For example, it will show November 17, 2012 instead of November 17- 25, 2012. How can I change it so it will show the end date if different from the start date?

Thank you!
Melanie

[Jonah]

Hi Melanie, try this snippet instead: http://snippi.com/s/z2pjray

Let me know how it goes.

– Jonah

[Barry]

Hi Melanie! Did Jonah’s advice work out for you here / do you need further help at all?

[Melanie]

Hi Barry and Jonah,

It works except instead of a dash between the dates, there’s a weird question mark. You can see it here: http://eventsforkids.melanieotg.ca/events/
For example, November 24, 2012 � November 25, 2012

Do you see it too on the website?
Melanie

[Barry]

It’s possible – especially if you copied and pasted the code straight across first time round – that this is just an encoding issue.

I think what I’d try here is editing those files again. This time, delete those dash marks and reinsert them using a standard hyphen. It may look the same in the editor, but will hopefully fix this when viewed in the browser.

If that still doesn’t work you may need to change the actual encoding of the relevant template file. It’s hard to give specific instructions for that as it will vary according to the text editor or other tool you are using, but many offer a menu option such asSave with Encoding and in this instance UTF8 is probably a safe bet (that’s the charset of your webpage).

[Melanie]

I deleted the dash mark and inserted a standard hyphen as you suggested and it worked. Thanks Barry!

[Barry]

Excellent!

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts