Date Formats have changed

[Emily Nein]

Hi! Happy New Year!

Suddenly the dates on our Upcoming Events widget have changed to show the day and date (no year). I tried changing the css to display: none, but that isn’t working. The line spacing is all off also. If you could take a look and advise, I’d be so grateful! 🙂

[Geoff]

Hi there, LeAnne! Thanks for getting in touch and sorry you’re hitting some trouble with the Upcoming Events widget. Let’s see if we can tackle it here together.

Suddenly the dates on our Upcoming Events widget have changed to show the day and date (no year).

Sorry, yes, there were some formatting changes to the list widget that were mentioned in the latest release notes. Your best best to change the date formatting is to do that in Events > Settings > Display. There, you can remove the year from the “Date with year” option. Otherwise, you could refer to the tribe_events_event_scheuke_details() function to customize the output further.

The line spacing is all off also. If you could take a look and advise, I’d be so grateful!

It’s tough to see what the spacing should be, but you can definitely target the CSS for the text. For example to play with the line-height, you could use:

.tribe-events-adv-list-widget ol li {
line-height: 15px; /* change to what works best */
}

Similarly, the title for each event in the list:

div#tribe-events-adv-list-widget-2 h4.entry-title.summary {
line-height: 15px; /* change to what works best */
}

You can find more info on targeting CSS classes in this handy little tutorial, which outlines the process step-by-step.

Let me know if this helps answer your questions. 🙂

Cheers!
Geoff

[Emily Nein]

Perfect! You guys rock! 🙂

[Geoff]

Sweet! I’m stoked that helped out.

I’ll go ahead and close this thread, but let us know if anything else pops and we’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts