Help with making the calendar non-clickable...

Hi!

I'm currently manually uploading confirmed bookings onto the calendar on my website.

My 'calendar' page is private as it's not for clients, it's just for me to schedule them in once a booking is confirmed. 

I noticed that on my 'contact' page, if a client were to hover over a date that has been booked, it'll show whatever details I've added (which I want!) however, if they click on it, it'll lead them to an error page since the calendar page is private.

Is there any way to stop the calendar from being clickable but staying 'hoverable'? 

Alternatively, is there a program/app/widget/something, that will let me update bookings/availability but not allow clients to book directly from the website (Acuity is like this and why I'm not using it, unless there's a way to confirm bookings *after* and not automatically whilst also having a better appearance...)

Can you share the page with the calendar on it?

3 minutes ago, Ziggy said:

Can you share the page with the calendar on it?

Hey,

It's on my contact page: https://www.unitfstudios.com/contact

Add this to Custom CSS:

#block-487e83a2ffa48d86f61d {
  pointer-events:none;
}

37 minutes ago, Ziggy said:

Add this to Custom CSS:

#block-487e83a2ffa48d86f61d {
  pointer-events:none;
}

This is super helpful, thank you!

This code doesn't allow clients to hover either. I'd like the option to hover but not to click, is there any way that can be done?

1 minute ago, Ziggy said:

Okay, try this instead:

.yui3-squarespacecalendar .background-image-link, .yui3-squarespacecalendar .small-layout .item-link {
    pointer-events: none;
}
.yui3-squarespacecalendar .yui3-calendar-day.has-event:hover .flyoutitemlist {
    pointer-events: none;
}

 

Oh you're ace. This works perfectly.

Thank you so much Ziggy!!

15 hours ago, RaissaSV said:

Thank you so much Ziggy!!

Happy to help, thanks for marking my post as the solution.

I tried adding the amended code to the custom css section and the calendar dates are still clickable. I'd like to make it so that when I click the date, it does not take me to the event page. I'd also like that when I hover over the day, the text field is still scrollable and the booking links are still active.

Thanks

https://themellowestspace.com/events

edit: I figured it out by adding this to the custom css area

.yui3-squarespacecalendar .item-link {
    pointer-events: none !important;
}
 

On 4/7/2024 at 11:45 AM, stirfry said:

I tried adding the amended code to the custom css section and the calendar dates are still clickable. I'd like to make it so that when I click the date, it does not take me to the event page. I'd also like that when I hover over the day, the text field is still scrollable and the booking links are still active.

Thanks

https://themellowestspace.com/events

 

 

edit: I figured it out by adding this to the custom css area

 

.yui3-squarespacecalendar .item-link {
    pointer-events: none !important;
}
 

I see the date already non-clickable