Month view event hover covers up link, cant click

[brewprofessor]

I’m getting something weird with how the events display in the month view. There isn’t separation with an between events on the same day and the mouse over hover covers up the linked text to the event so people can’t click the link for details. This functionality worked flawlessly in 2.11.

[brewprofessor]

The specific URL is: http://brewprof.com/cincinnati-beer-events/

[Barry]

Hi brewprofessor,

Your site is trying to use the old resources/events.css stylesheet however that no longer exists. I note that you are using a caching plugin: perhaps you need to flush the cache so it can rebuild the pages with links to the new stylesheet and Javascript resources?

[brewprofessor]

I emptied the cache. Emptied my browser cache. No luck.

Then I deactivated the plugin (WP Super Cache), emptied browser cache and no luck. Any other ideas??

[brewprofessor]

Any other suggestions? This issue renders the month view useless…

[Daniel Dvorkin]

Hey brewprofessor, sorry for the delay.

It seems that your theme is not echoing the body classes. Check in your theme’s header.php that your tag looks something like

>

Please let me know.

[Daniel Dvorkin]

Sorry, the code is:

https://gist.github.com/MZAWeb/e68461a7a7001ae2292f

[Daniel Dvorkin]

I just manually added the needed classes using the chrome tools and can confirm it’s working.

[brewprofessor]

BRILLIANT!! PERFECT! Thank you so much!! I need to buy you a beer!!

[Susan Goodman]

I have the same problem. The hover covers the links. I just upgraded again to calendar 3.0.1 and pro 3.0.2
http://hudsonpride.org/events
Also, the Events list on the home page is placing blank lines between the title and time.

[Daniel Dvorkin]

brewprofessor, thanks, but I exchange you the beer for a 5 star vote and a good review in http://wordpress.org/plugins/the-events-calendar/ 🙂

Susan, your problem is exactly the same one. Have you tried the solution I posted here?

[Susan Goodman]

Thanks Daniel…it works fine now.
What about the problem with the Event List widget leaving blank lines between the event title and the date?

[Daniel Dvorkin]

Add this to your theme’s styles.css https://gist.github.com/MZAWeb/f8ad71d4543cd0f26e27

[Susan Goodman]

Thanks again Daniel. You are a GREAT help!!!

[Susan Goodman]

Daniel,
I hate to be a pain. Now that I got rid of the blank lines, the list is indented. I tried adding margin-left:0 and padding-left:0 but it did not help. I also removed the ol from the new code and that did not help either.

Home

Here is what is in the styles.php
#homebottomright {
border: 4px solid #ccc;
float: left;
width: 260px;
height: 190px;
margin: 10px 0px 15px 0px;
padding: 15px 15px 0px 15px;
display: inline;
}
#homebottomright ul, #homebottomright li {
list-style-type: none;
}
#homebottomright ol li h4{
display:inline;
}
#homebottomright ol li div.duration{
display:inline;
}

Appreciate your help!!!
Sue

[Author]

Posts