Hover pop up box problem

I checked on a Windows desktop and an android tablet and both worked fine. I could not access on my Blackberry – was denied access.

Your calendar page has a lot of validation errors. In particular, the calendar shortcode is wrapped in <p><span..> tags, which are causing errors.

Can you disable all other plugins? If that makes the problem go away, turn them back on one a time until the problem reappears.

Disabled all plugins except Spiffy Calendar. No change.

Removed the <span> from around large calendar shortcode.

I even brought it up on my Android tablet- not showing correctly.

All of the computers used on my end so far have the same ISP (centurylink DSL, although 2 different locations). Is there any chance that there is an ISP problem?

Unless I am possessed by some demon spirit that sucks the goodness out of every computer I touch, I am at a loss ??

The symptom you see looks like the position:absolute attribute of “.calnk a:hover div” is not working. It’s a bit tricky trying to catch this in the DOM inspector of chrome since you need to catch it during the hover, but it can be done. It might be worthwhile investigating to see what the setting of the popup div is while the hover is active.

Another option would be to try adding the attribute directly to spiffypopup as this:

.spiffypopup { position:absolute; }

I added .spiffypopup { position:absolute; } to the stylsheet.

I cleared cache and did a hard reset.

No change.

Is there something better than Firebug Lite to inspect the hover?

I use google chrome developer tools. https://developer.chrome.com/devtools/index

I don’t see the .spiffypopup position absolute setting. Where did you put it?

I put the .spiffypopup absolute setting in the stylesheet on the spiffy calendar options page.

You have something strange going on with your server. If I open the CSS file as specified in the source with ver=3.9.1, I don’t see the spiffypopup setting. But if I open it with ver=3.9.1 removed, I do see the setting. No matter how I refresh the ver=3.9.1 file, it does not update. On my system if I make a change it is reflected immediately. Is there some kind of caching in your plugins/themes? If so, try flushing or deleting your cache.

I have no cache plugins. How would I go about flushing/deletiing cache on server?

You can try dropping the version from the enqueued script by editing the plugin.

Change spiffy-calendar.php from:

wp_enqueue_style (‘spiffycal-styles’, plugins_url(‘spiffycal.css’, __FILE__));

to:

wp_enqueue_style (‘spiffycal-styles’, plugins_url(‘spiffycal.css’, __FILE__), null, null);

Whoop! Whoop!

Hover working correctly. Top right corner of popup box is a little off, but bearable. Is it in the stylesheet on the configuration page that I can change the popup box size?

Your are awesome. I used to use Events Calendar until it became an orphan. Spiffy Calender is the only other plugin I have found that does what it does.

Awesome!

The hover box width is configured in the CSS for “.calnk a:hover div”, you can adjust there.

Still a little frustrated.

I made changes to the default.css file- changed background color to #7b7b4d and changed width to 250 px.

.calnk a:hover div {
color:#333333;
background:#7b7b4d;
display:block;
/*position:absolute; */
margin-top:1px;
padding:5px;
width:250px;
z-index:100;
line-height:1.2em;
box-shadow:2px 2px 2px #c0c0c0;
}

Unfortunately, the changes do not show copying updated file to /spiffy-calendar/styles

Same problem as before – your server is loading the old version. You can manually set the version number by changing the second null on the wp_enqueue_style call, but this really shouldn’t be necessary. Maybe your web host has some caching that is interfering. Anyway, you can try something like this to set version 1, and change it whenever you edit the CSS:

wp_enqueue_style (‘spiffycal-styles’, plugins_url(‘spiffycal.css’, __FILE__), null, 1);

Also, why does your CSS have the position absolute commented out for ‘.calnk a:hover div’? Just wondering.

What file(s) are you talking about to be change?

What file has the .calnk a:hover commented out? I didn’t comment anything out, so I am not sure why it is.

You need to change the call to wp_enqueue_style in spiffy-calendar.php, just like before, but increment the version number with each change to CSS.

Forget what I said about the commented out css, my mistake, that is in the default.