Remove time from list widget

[Kate]

I would like to remove the start and end times from the list widget. I have found documentation that references list-widget.php, like this article, but I can’t figure out how to edit the function so that the @ symbol, separater, and start and end times are excluded. Thanks for any direction you can provide.

[George]

Hey @Kate,

If your main goal is just to remove the date, time, and separator from Event List widget events, then I would actually recommend that you remove all PHP customizations and instead just hide this information with some custom CSS.

So, for example, here’s the schedule information appearing in the Event List widget by default:

Now, add the following CSS to the bottom of your theme’s style.css file:


.tribe-mini-calendar-event .tribe-events-duration {
display: none !important;
}


Here’s how the Event List events look now:

I hope this helps!

Sincerely,
George

[Kate]

I’m sorry that doesn’t solve my problem. I still need to display the date, just not the time. Is there any way to untie the date from the time? Since “Jan. 18 @ 5pm” shares a CSS class, using display:none doesn’t help me.

How can I edit the PHP so that only the date is shown and not the start time?

[George]

Hey @Kate,

I’m sorry that this does not help. Since this is a customization, you’ll have to take the reins from here. You can modify the template files according to our themer’s guide here → https://theeventscalendar.com/knowledgebase/themers-guide/

Simply do a “search” inside your code editor for any of the HTML classes to find where they’re being generated, and you’ll be able to tinker around and get this looking exactly how you’d like.

Since this is a customization and we cannot provide any help with that, I will close up this thread. Sorry my earlier attempt at doing so was not useful!

Best of luck with your customizations,
George

[Author]

Posts