Can you apply CSS styling to a particular event on the event detail page?

Developing with LiveWhale
1

Hello Support.

Is it possible to adjust the CSS on the event detail page for a specific event or few number of events? Our use case is that we have a department that wants to hide some boilerplate text we added to all events on our public events calendar, but only for a few specified events. I think we are trying to locate something like an event id our other unique identifier on that page that we could use to provide special styling to hide the text for just those few events.

Thanks
Bill

2

Hey Bill,

Great question! There are built-in body CSS classes for group calendars, so you can do things like style for body.group_my_group {...} without making any theming changes. Otherwise, a way you might do this is by updating your theming to add CSS to the event detail view for specific tags? The same way lw_cal_event.html adds CSS classes for different criteria, that could be done on the details page as well, and then you could target those tag-driven CSS classes in your theming to show/hide/restyle certain elements on a per-event basis. A little bit of a developer task to be sure, but definitely do-able! Feel free to reach out via our support channels (Request Help or Personalized Email Support) if you’re interested in hands-on help from our team building that kind of thing out.

Karl

3

Thanks Karl.

One of our FED’s (Heather) found the solution with the following example:
…
class=“event-detail mt-3 event-detail-id-253535”
…

I think we can use that to locate the text we want to hide for this and similar events.

Thanks again.