Home › Forums › Calendar Products › Events Calendar PRO › Month View – Turn OFF Hover pop-up window
- This topic has 8 replies, 3 voices, and was last updated 7 years, 10 months ago by
zafari.
-
AuthorPosts
-
May 19, 2018 at 5:07 pm #1534797
zafari
ParticipantI am having my event links in the Month view go directly to the Event Website URL. I do not want to confuse the user by having the pop-up window on hover which makes it seem like the link in the calendar is not clickable. How can I turn off the pop-up window on hover? Thank you!
May 22, 2018 at 1:13 am #1535767Jeremy
KeymasterHi,
Thanks for reaching out to us! I would be happy to help you 🙂
Well, what you could do here in order to avoid the pop-up to appear on hover is the following thing:
- create in your child theme the following folders: tribe-events/month/
- inside the month folder, create a blank php file (with just the opening
<?phptag) and save it as tooltip.php
I hope that will work for you.
Cheers,
JeremyMay 22, 2018 at 11:24 am #1536338zafari
ParticipantHI Jeremy,
I followed your suggestion but it is not working. Any other ideas?
May 22, 2018 at 12:11 pm #1536383zafari
ParticipantI have also tried using CSS to turn tooltip off using display=none !important but that isn’t working either.
May 23, 2018 at 12:16 am #1536796Jeremy
KeymasterHi,
You should be able to hide the tooltips via CSS, using the following code:
body .tribe-events-calendar .tribe-events-tooltip { visibility:hidden; }I hope this helps,
Cheers,
JeremyMay 24, 2018 at 10:04 am #1538165zafari
Participantthanks, jeremy. I swapped out to the CSS you suggested but it’s still not working. Any other ideas?
here is the page I am working with: http://theshipyardpark.com/events/
THANKS!
May 25, 2018 at 2:05 am #1538570Jeremy
KeymasterHi,
I tested that CSS on your page (http://theshipyardpark.com/events/) through my web browser’s developer tools and it worked.
Where did you put the CSS snippet I gave you? To be sure it’s taken into account, you may paste it in Additional CSS (via Appearance > Customize).
Also, you may add an
!important, just to be sure. So it would look like this:
body .tribe-events-calendar .tribe-events-tooltip { visibility:hidden !important; }I hope this helps,
Cheers,
JeremyMay 29, 2018 at 7:10 am #1540746zafari
ParticipantThank you, Jeremy!! I had put the CSS exactly as you have listed into
the theme’s Additional CSS area which did not work. But when I placed
it where you suggested, it works! Good to know for other issues as
well. Thank you so much!May 30, 2018 at 12:40 pm #1542270Andras
KeymasterHi Zafari,
Jeremy is out this week.
Happy to hear you managed to get it to work. Awesome and congrats!
Do you have any more questions regarding this topic before we close it down?
Cheers,
AndrasJune 21, 2018 at 9:35 am #1558426Support Droid
KeymasterHey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.
Thanks so much!
The Events Calendar Support Team -
AuthorPosts
- The topic ‘Month View – Turn OFF Hover pop-up window’ is closed to new replies.
