How to Hide Time on the Pop Up of an Event Calendar

Site URL: https://www.moffittsmermaids.com/packages

Hello! I was hoping someone would be able to help me disable the time on an event calendar on hover? I was able to hide the time on the calendar but when you hover over the date it still shows up.

I'm not sure how to find the right code when I inspect the page since when I hover over the event day the inspect tool doesn't really work... not on hover anyway.

Here is an image of my calendar now. 

How do I hide the time of ALL events on Hover?

You can view this page at moffittsmermaids.com/packages

Thank you so much!

@paul2009 It worked! I think I love you hahahahahaha.

Yeah that was tricky for me, I couldn't figure out how to locate the proper code if my mouse couldn't hover over the actual pop-up when I'm on the inspect tool.

Any suggestions on how I could find it the way you did? I'd love to know this trick haha

9 hours ago, Nondys said:

Any suggestions on how I could find it the way you did? I'd love to know this trick haha

Haha! 😊

No magic tricks required! 

As the calendar effect is triggered by a hover pseudostate (:hover) you simply need to toggle this using your favourite browser developer tool. For example, using Chrome:

1. Right click the element to Inspect it. The element will be highlighted in the DOM Tree.
2. You'll usually need to navigate up the DOM Tree a little at this point to identify the correct element that has the pseudostate.
3. In the Styles tab, click :hov.
4. Check the :hover checkbox. You'll see the event 'flyout' appear even though you re not hovering over the element.
5. You can now find the elements that were previously hidden.

Here's a quick screencast:

I hope this helps. If anyone reading this wants to learn more about the features in Chrome DevTools, Google has a great series of guides here: https://developer.chrome.com/docs/devtools/overview/.

Nondys -- how were able to hide the time on the calendar in general? Was it custom code or a setting in Squarespace? Trying to figure this out.

On 8/23/2022 at 7:57 AM, kyliebourjaily said:

Nondys -- how were able to hide the time on the calendar in general? Was it custom code or a setting in Squarespace? Trying to figure this out.

Need to use custom code. If you share link to page where you use calendar, we can check & give you code