Site URL: https://frog-cornet-e4zp.squarespace.com/
I've set up a calendar for a client connected to a blog. I only want users to view the excerpt in the flyout and not be able to click through to the blog itself. I have managed to disable link on the fly out using the code below.
.flyoutitem a {
pointer-events: none !important;
.flyoutitem-link-arrow {
display: none; }}
However, I can't use the below code as it overrides the greyscale filter I've applied to the calendar thumbnails (the colour appears on hover). Is there anyway to stop people click through to the blog posts while still keeping the hover function
.yui3-squarespacecalendar .background a {
pointer-events: none;}
Greyscale filter code for reference:
.yui3-squarespacecalendar .background-image {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
&:hover, &:focus {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
}
Yhank you so much in advance for your help.
Best,
V