Hide specific dates in month view and display all events

[Lars]

Hi,

How do we show only specific dates in Month View and display all events like done here:

This is a great solution. Please advice.

[Brian]

Hi Again,

I took a look at that site and that is a pretty big customization.

There is not much help we can do to make the calendar look like that, but looking through their css would show you part of what they have done.

I see in the css they used this to hide dates:

#tribe-events-content .tribe-events-calendar td.tribe-event-day-01, #tribe-events-content .tribe-events-calendar td.tribe-event-day-02, #tribe-events-content .tribe-events-calendar td.tribe-event-day-03, #tribe-events-content .tribe-events-calendar td.tribe-event-day-04, #tribe-events-content .tribe-events-calendar td.tribe-event-day-05, #tribe-events-content .tribe-events-calendar td.tribe-event-day-06, #tribe-events-content .tribe-events-calendar td.tribe-event-day-14, #tribe-events-content .tribe-events-calendar td.tribe-event-day-15, #tribe-events-content .tribe-events-calendar td.tribe-event-day-16, #tribe-events-content .tribe-events-calendar td.tribe-event-day-17, #tribe-events-content .tribe-events-calendar td.tribe-event-day-18, #tribe-events-content .tribe-events-calendar td.tribe-event-day-19, #tribe-events-content .tribe-events-calendar td.tribe-event-day-20, #tribe-events-content .tribe-events-calendar td.tribe-event-day-21, #tribe-events-content .tribe-events-calendar td.tribe-event-day-22, #tribe-events-content .tribe-events-calendar td.tribe-event-day-23, #tribe-events-content .tribe-events-calendar td.tribe-event-day-24, #tribe-events-content .tribe-events-calendar td.tribe-event-day-25, #tribe-events-content .tribe-events-calendar td.tribe-event-day-26, #tribe-events-content .tribe-events-calendar td.tribe-event-day-27, #tribe-events-content .tribe-events-calendar td.tribe-event-day-28, #tribe-events-content .tribe-events-calendar td.tribe-event-day-29, #tribe-events-content .tribe-events-calendar td.tribe-event-day-30, #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth { display: none; }

I would look through more of their css to see what they did in firebug or a browser’s developer console to try and get everything they have done.

Let me know if you have any follow up questions.

Thanks

[Lars]

This reply is private.

[Brian]

Link removed.

Change this setting on this page of your admin:

Events > Settings > Display Tab > “Month view events per day”

Increase that number to get all the events you would like.

Thanks

[Lars]

Of course! Great thanks again 🙂

[Brian]

Great, glad it helps, I am going to go ahead and close this ticket, but if you need help on this or something else please post a new ticket.

Thanks!

[Author]

Posts