Add css to just event pages

[bpinegar]

I need to add a snippet of css to all dynamically generated event pages to make a chat icon visible. Which css file can I place the override in? Ideally, I like to put in my theme (Stack) override, but can’t figure out how to tailor the css code below to just apply to individual event pages. My theme has the ability to inject page specific css, but I can’t inject it into dynamically generated pages.

The css I need to include for just the event pages is:

.zsiq_float, .zsiq_custommain {
display:block !important;
}

[Cliff]

Hi. You should be able to add body.single-tribe_events to the beginning of your CSS rule(s). For example:

body.single-tribe_events .zsiq_float,
body.single-tribe_events .zsiq_custommain {
display:block !important;
}

Please let me know how this goes for you.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts