Support » Plugin: Spiffy Calendar » Hover pop up box problem

  • Resolved amysdaddy

    (@amysdaddy)


    When using the short code today’s events and upcoming events, the pop up box on event hover is not placed relative to the event item, but rather shows in an absolute position on the page.

    Also, there is no pop up box showing on hover when using the large calendar short code on a page.

    https://wordpress.org/plugins/spiffy-calendar/

Viewing 15 replies - 1 through 15 (of 50 total)
  • It sounds like some styling in your theme is overriding the calendar styles, probably something targetting class “popup”. It should be easy to fix by adjusting the CSS.

    Thread Starter amysdaddy

    (@amysdaddy)

    By adjusting the theme CSS or Spiffy Calendar CSS?

    Spiffy calendar CSS. You can customize the CSS on the Spiffy Calendar settings page.

    Thread Starter amysdaddy

    (@amysdaddy)

    Thanks for your help. Can you give me an idea of what needs to be changed/added to set popups relative to the event item, and what might be changed to make the popup show on hover on the large calendar?

    I would need to see the page to better advise. If you are familiar with CSS I suggest using your favourite developer tools to diagnose what needs to be done.

    Thread Starter amysdaddy

    (@amysdaddy)

    Thanks, Bev-

    The site is http://www.vfwpost2749.org/

    The page with the large calendar is http://www.vfwpost2749.org/spiffy-calendar-page/

    I use Firebug Lite to troubleshoot static page CSS problems, but I am not sure how to use that for dynamic elements like a pop up on hover.

    You do have CSS overriding the popup divs. Try adding this, targetted to the calendar popups:

    .calnk a:hover div { bottom: inital; left: initial; }

    Thread Starter amysdaddy

    (@amysdaddy)

    Ok. I added that CSS to the “Configure the stylesheet for Calendar” on the Spiffy Calendar configuration page.

    I don’t see any difference in either problem.

    “initial” was spelled wrong, sorry.

    Thread Starter amysdaddy

    (@amysdaddy)

    Corrected the spelling and saved, but still do not see a change.

    I hate to be a bother, but I really appreciate your help.

    Make sure you do a hard refresh. What browser are you using?

    Thread Starter amysdaddy

    (@amysdaddy)

    I did a hard refresh of the page (Ctl+F5). I am using Chrome, although I have also checked it with IE with the same results.

    Perhaps try setting them to “auto” rather than “initial” may help. It looks good to me on Chrome but not in IE.

    Thread Starter amysdaddy

    (@amysdaddy)

    You are saying that on Chrome you see the hover pop up box showing next to the event? For me, on Chrome and IE, I can see the pop up box on hover, but it is way above the event lists, and is in an absolute position (doesn’t change distance from top of lists when I scroll the page). Also, can you see the hover over pop up box on the large calendar page? I don’t see any on either Chrome or IE.

    BTW- no change noted with “auto.”

    Thread Starter amysdaddy

    (@amysdaddy)

    Ok. Everything is now working. I guess the “auto” did work, and it took the gremlins time to show the changes.

    Many, Many thanks for your help!

Viewing 15 replies - 1 through 15 (of 50 total)
  • The topic ‘Hover pop up box problem’ is closed to new replies.