Calendar grid tooltip not visible

[gregwiley]

I see this issue has cropped up a number of times on this forum and I have tried applying the various fixes and workarounds in the threads I’ve seen including:
– adding overflow: visible; styling
– playing around with z-index and position attributes in Chrome developer tools
but to no avail. I have copied the events.css stylesheet into my theme folder for editing and this appears to have resulted in the arrow not even showing. Prior to this the arrow would show but not the tooltip itself. In Chrome Developer Tools I can see the display styling changing from hidden to block as I mouseover but the tooltip does not show.
The calendar is at: http://stlukeswatford.org/calendar
The site is running on WordPress 3.5.1, Suffusion 4.4.6, Event Calendar Pro 2.0.11.

[gregwiley]

Update: I switched to Event Calendar Pro after using All In One Event Calendar. I had the Time.y Updater plugin installed and activated. If I deactivate this plugin the Event Calendar Pro calendar grid fails to display at all!

[gregwiley]

Further update: comparing source from the demo site shows that my site is not loading:

plugins/events-calendar-pro/resources/events-mini-ajax.js

So I tried reinstalling the PRO plugin and reapplied the licence but the tooltips are still not displaying.

[Jonah]

Hi gregwiley,

It appears to be an issue with some of the CSS you have in your theme. Particularly some overflow: hidden properties you have declared that are being applied to some of the grid elements and effectively hiding the tooltip popup. For example, if you remove the overflow: hidden in your overridden copy of events.css in your theme on line 165:

.events-archive .post {
overflow: hidden;
margin-bottom: 0;
}

…and on line 735 of your themes style.css:

.post, article.page {
border: 1px solid silver;
background: white;
padding: 25px 15px 1em 15px;
clear: both;
overflow: hidden;
margin-bottom: 10px;
}

You will then see the tooltips. You’re going to need to modify these properties and apply them some other way because they are conflicting with the plugins functionality.

I hope that helps!

– Jonah

[gregwiley]

Perfect, thanks Jonah. Can’t believe I couldn’t spot this for myself. Too many css files I guess:(

[Jonah]

No problem gregwiley, if there’s anything else you need help with just let us know.

Regards,
Jonah

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts