[Resolved] The Events Calendar List View – Remove Bottom Section

[Mary Pearson]

I’ve been conversing with tech support for The Events Calendar about this issue for a couple of weeks and so far no solution. We’ve been trying to make changes to the template but it’s just not working. I’m hoping you might be able to help, possibly with some custom CSS instead of trying to change the template.

At the bottom of the List View https://christiangays.com/events/list/ for some reason they have a month separator bar with today’s month, and then below that they have today’s date and time, and “Find out more >>” plus +EXPORT EVENTS.

I’d like to get rid of it all, but without losing all required details on this page and on my single event pages.

div id=”post-0″

I’ve tried a few things but I just don’t know enough about it to do it correctly.
Would appreciate any help.
Thanks!

[Tom]

Not too sure I understand. Are you trying to remove the grey border?

If so, try this:

.tribe-events-list .type-tribe_events {
    border-bottom: 0;
}

[Mary Pearson]

I am trying to remove all of these:

month separator bar with today’s month and year
today’s date and time
“Find out more >>”
+EXPORT EVENTS

[Tom]

Give this a shot:

span.tribe-events-list-separator-month,
a.tribe-events-read-more,
#tribe-events a.tribe-events-ical.tribe-events-button {
    display: none;
}

[Mary Pearson]

Thank you so much Tom. Yes, that took out everything except

.tribe-event-schedule-details

but if I add it, then it removes the date and time from all events.

Is it possible to remove it but just from the List View bottom of the page?

[Tom]

You may need to ask the developers that – they might have an idea.

[Mary Pearson]

Thank you Tom. I will close this ticket.

[Tom]

No problem! Let me know if they’re not able to help you.

[Author]

Posts