Support » Plugin: All-in-One Event Calendar » [Plugin: All-in-One Event Calendar] Hover-effects showing up only partially (and not at all)

  • Resolved rajaman


    I have installed the newest version of WP (3.4.1) and the plugin (1.8). The problem I’m having is with the mouse-over hover-effects. The “bubbles” appear only partially in the upcoming events widget, and not at all in the menu of the calendar view (the drop-down menu for Month and Filter). When hovering over the actual events in the calendar the “bubbles” show up correctly.

    I have tried to find the cause of the problem by deactivating all other plugins except AIOC. But that didn’t help and the same problem remains.

    Does anyone have a solution?

Viewing 13 replies - 1 through 13 (of 13 total)
  • sauril


    Hi, Can you please share a link?



    Upcoming events widget (partially displaying hover-effect):
    Calendar view (not displaying drop-down menu):





    For the dropdown menu, Javascript is crashing on load. The problem file seems to be loaded from It is preventing the rest of the javascript on the page from loading.

    For the widget, there’s a conflict with your theme in this case. For some reason the column that contains your widget is cutting the hover off. I will ask one of my colleagues about this.



    Thanks for your tip Sauril. I have removed the Jotform code, but the same problem persists for the dropdown menu. I deactivated all other plugins again, but that didn’t help either. Currently the plugins are active again, but the Jotform code is removed.

    Ula Szczepaniak


    Hi rajaman,

    The problem is the css declaration of your theme, so I propose to add additional code to your calendar theme (wp-content/themes-ai1ec/vortex/style.css)

    table.ai1ec-calendar-toolbar {
    overflow: auto !important;

    .wigdet {
    overflow: visible !important; }

    I hope this helps.




    YES! Thank you very much Ula, it does help! The dropdown menu as well as the widget now work! Thank you, I’m very happy! 🙂

    One small problem remains, however:
    The hover “bubbles” of events on the first line of the calendar get cut off. See the following link for an example:

    Is there an easy css solution for this, too?



    Hi Rajman, it looks to be working now – did you fix it?



    Almost everything seems to be working thanks to the css code above. One problem remains, however: when hovering over events in the first row of the calender, the top part of the “bubble” gets cut off. See link above for an example.



    Thanks for the update, rajaman.

    If your other issue regarding the first row of the calendar is still occurring, please create a new ticket by emailing and we will take a look for you. Please be sure to include:

    1. version of WP
    2. version of ai1ec
    3. link to your site
    4. description of the issue

    Unfortunately i have the same issue with the widget bubble cut off as described above by rajaman.
    Inserting the additional code to the style.css as suggested above does not solve it.

    Any thoughts?

    I now inserted another code into the style.css as suggested in this other topic:

    ai1ec-agenda-widget-view .ai1ec-popup-summary-wrap { right: 50% !important; }

    This code seem to solve the issue….thanks!

    Thanks for the feedback nikoski. Your fix didn’t work for me. (Did you add the code to wp-content/themes-ai1ec/vortex/style.css ?)
    I’m going to open a new ticket as Richard suggested above.

    @rajaman: yes, i inserted it as the last entry in the file:

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘[Plugin: All-in-One Event Calendar] Hover-effects showing up only partially (and not at all)’ is closed to new replies.