Code showing up on mouse over pop up

[Russ Thomas]

I am using Events Calendar Pro and I have set up all the dates and the calendar program is working fine and we enjoy it very much, but here is my problem. when you are in the month view and you move your mouse around and as it hovers over the events, it pops up a window that shows the html code I put in the event title., it displays normal when looking at the month but I don’t want my code showing as it makes it look bad and I get a lot of people asking why it’s doing that.

The calendar can be seen here.
http://www.freedomacresresorts.com/events

and the problem example can be seen here
http://tnbpromotions.com/example

It would be nice to be able to TURN OFF the hover and force the people to click a date, also with the hover, often times it blocks the person from clicking the date as the pop up is directly over the event. I have figured it out how to click the event, but my customers, I can not figure out how to train 8,000 people how to click the event 🙂

If anyone has a fix or if someone can program a fix for this, that would be so cool. the ideal would be to turn off the hover, but I would be good with the HTML code not showing up in the pop up too!

The HTML code is no biggie, it is just bolding and centering the event title in the main view, which that could also be programmed as a default to be center 🙂

Thanks everyone, I really appreciate any help you all can offer.

Tom

[Geoff]

Hey Tom and welcome to the forums!

Ah yes, we’ve seen this come up in the past. Try adding the following snippet to your theme’s functions.php file and see if it does the trick:

https://gist.github.com/ggwicz/ba85b0f9aa4dadbda538

Does that work for you? Please let me know. 🙂

Cheers!
Geoff

[Russ Thomas]

I added the code to the end of my Functions.PHP and got an error

Parse error: syntax error, unexpected ‘<‘ in wp-content/themes/twentytwelve/functions.php on line 498

This also broke my site, so I restored my backup functions.php and the site is working.

Is there any specific place to install the code into the PHP file?

Thank you

[Geoff]

Hey there!

I went ahead and built this into a plugin for you to download. Feel free to install this like you would any other plugin, activate, then let me know if it works from there.

Cheers!
Geoff

[Russ Thomas]

I downloaded the Zip file and thank you very much and the code is still showing in my calendar.

If you can, take a look at the calendar and hover your mouse over any of the events.

http://www.freedomacresresorts.com/events

[Geoff]

Hey Tom,

That HTML is interesting because it doesn’t seem to be code that comes with The Events Calendar. By chance, have you added any HTML to your titles in the editor, or added HTML to the templates?

Thanks,
Geoff

[Russ Thomas]

This is how I do the event title. I am putting it in here with and without the <>

<center>Midweek Pool Party<br><br>50% off Gate Fees today!<br><br>50% off Cabin Rentals<br><br>8am to 10pm<BR><BR>CLOTHING OPTIONAL</center>

center Midweek Pool Party br br 50% off Gate Fees today! br br 50% off Cabin Rentals br br 8am to 10pm BR BR CLOTHING OPTIONAL /center

[Geoff]

Gotcha, thanks Tom!

I’ve created a ticket for this so we can look into it further. It seems the issue is limited to the calendar views with tooltips, so we’ll check it out. I’ll set this thread to Pending Fix and keep you posted as we learn more, though I do not have a timeline for when a fix would be released.

Thanks for the heads up!

Geoff

[Russ Thomas]

Thank you Geoff,

It would be nice in the settings to turn on or off the mouse over hover as with our events it’s not needed and we want them to click on the actual event.

Also, I do notice when the mouse over hover, it is not clickable, so on my events because there is so much information that the hover covers almost 99% of the actual event thus you have to find that tiny spot to click.

The owners have asked me to look into other event calendars, but I asked them to hold off to see what can be done first as I really do like your event calendar.

Thank you for your assistance.

Tom

[Geoff]

Thanks for your patience on this, Tom. I’ll definitely keep you posted as I learn more about the status of this issue.

One way to disable the tooltips in the meantime would be to add this to your theme’s style.css file or by using a plugin like Simple Custom CSS:

.tribe-events-tooltip {
display: none !important;
}

Cheers!
Geoff

[Russ Thomas]

That worked!

Thank you very much!

Tom

[Geoff]

My pleasure! I’ll go ahead and close this thread but will update it once an official fix has been released. 🙂

Cheers!
Geoff

[Geoff]

Hey there!

Just wanted to jump in here and let you know that we released The Events Calendar 4.0.6 last night and it included a fix for this issue. Please check your WordPress updates, or you can also grab the latest copy over at WordPress.org.

Thanks for your patience while we worked on this! Please feel free to open a new thread if you continue to experience the same issue or have any other questions that pop up during updating and we’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts