Customisation – white box showing event info and greying out 'full' events

[David]

I wondered if it is possible to customise the colour of the white box showing the event info in events list view? Preferably to have this transparent.

Also, is it possible to customise the calendar so that when all tickets are sold (via Eventbrite) the event greys out on the calendar view.

Thanks!

[Jonah]

Hi David,

To remove the background add the following CSS in your themes style.css file:

#tribe-events-loop .tribe-events-event-list-meta td, #tribe-events-loop .tribe-events-event-list-meta tr {
background: none;
}

For the Eventbrite ticket question, you should be able to use the following template tag: https://theeventscalendar.com/support/documentation-eventbrite-tickets/eventbrite-template-tags/#functiontribe_eb_get_ticket_count – you would simply add logic for this in /wp-content/plugins/the-events-calendar/views/gridview.php or /wp-content/plugins/the-events-calendar/views/table.php for each event to check what the ticket count is and add a class to an event element that you can style. This is beyond what we can actually help you with so you’ll need to do the actual coding yourself. If you’re going to modify either of those two files make sure to make copies and place in an ‘events’ folder in your theme.

I hope that helps!

– Jonah

[Barry]

Hi David,

That’s definitely possible. This is currently defined within events.css as follows: http://pastebin.com/MJienGK9

What you can do is copy that file (found in your plugin directory at the-events-calendar/resources/events.css) and place it in your theme’s events subdirectory – then just customize the above rule as needed.

Please also take the time to read up on our Themer’s Guide and our tutorial on template overrides first of all.

Hope that helps 🙂

[Barry]

OK … posted at the same time as Jonah! David: I’ll leave you in Jonah’s capable hands 🙂

[Author]

Posts