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.
By adjusting the theme CSS or Spiffy Calendar CSS?
Spiffy calendar CSS. You can customize the CSS on the Spiffy Calendar settings page.
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.
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; }
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.
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?
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.
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.”
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!