Viewing 15 replies - 1 through 15 (of 50 total)
  • Anonymous User

    (@anonymized-1391468)

    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?

    Anonymous User

    (@anonymized-1391468)

    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?

    Anonymous User

    (@anonymized-1391468)

    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 https://www.vfwpost2749.org/

    The page with the large calendar is https://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.

    Anonymous User

    (@anonymized-1391468)

    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.

    Anonymous User

    (@anonymized-1391468)

    “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.

    Anonymous User

    (@anonymized-1391468)

    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.

    Anonymous User

    (@anonymized-1391468)

    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.