Hide time on past events

  • Resolved kiaseven

    (@kiaseven)


    5 years ago

    Hi there,

    On current events, I’ve hidden the timestamp using the below CSS.

    However, when viewers look at past events (using ‘Now onwards’ to set a custom date range), the timestamps are displayed. I’d like to hide the time but keep the date on past events. Is this possible please? Any help would be much appreciated. 

    .tribe-events-calendar-month__calendar-event-datetime{
	display: none ;
}
.tribe-events-schedule__all-day, .tribe-events-schedule__separator, .tribe-events-schedule__timezone {
	display: none ;
}
.tribe-events-schedule__time{
	display: none ;
}

    Thank you,

    Kia

    • This topic was modified 5 years ago by kiaseven.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter kiaseven

    (@kiaseven)

    4 years, 11 months ago

    Hi,

    Just bumping this in case someone can help.

    Jaime

    (@jaimemarchwinski)

    4 years, 10 months ago

    Hi @kiaseven

    Try the following CSS:

    .tribe-event-time {
    display: none;
    }

    I hope that helps!

    Thanks,
    Jaime

    Thread Starter kiaseven

    (@kiaseven)

    4 years, 10 months ago

    Hi Jamie,

    Thank you for this.

    I added the CSS but it doesn’t quite work. If you go to the homepage and press ‘Now onwards’ to set a custom date range, the time is still displayed. Strangely, if you then refresh that page, the time disappears.

    Presumably, the calendar is surfacing the older books without refreshing the page (via JQuery or something similar? I’m not an expert), so I’m wondering if there’s anything we can do to stop that.

    Thank you!

    Kia

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Hide time on past events’ is closed to new replies.