Events on calendar showing tooltip popup too high in window to see

[touch4birth]

Hi,
On my events calendar where the tickets I’ve created show up – when you hover over items, there is a popup, but it is too high up on the screen to see all of the words. I don’t see where that is configured.

I didn’t do all of the steps like trying default wordpress theme since this might be a setting or something that I have not found.

There are events in June to look at.

Thanks,
Evelyn

[Trisha]

Hi Evelyn,

Thank you for using The Events Calendar! I can help with this! Fortunately this is a pretty simple fix.

Log in to your site and from the front end you’ll see the ‘Customize‘ button in the top admin bar. Click that and the Customizer will open. At the bottom of the list of items you’ll find ‘Additional CSS‘. Click that and in the box that opens paste the following code:

/* The Events Calendar Custom CSS */
#tribe-events-content .tribe-events-tooltip {
z-index: 99999 !important;
}
#tribe-events-content .tribe-events-tooltip h4 {
line-height: 1.2 !important;
}
.tribe-events-tooltip p {
line-height: 1.2;
font-size: 11px;
}
.site-inner {
overflow: visible;
}

Let me know how it goes!

Cheers,
Trisha

[touch4birth]

Thanks Trisha – much much better!!
Evelyn

[Trisha]

Hi Evelyn,

I’m so glad to year this worked out for you! Have a great weekend!

Cheers,
Trisha

[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