Jump to content

(SS7.1) Calander Block - Allow hover info, but disable click through to events page

Recommended Posts

Site URL: https://cals.art

Good afternoon all,

Page reference: https://www.cals.art/news

PW: pump

I'm using a hidden events page to pull content from into a calandar block, I would like to keep the mouse-over action but to disable click-through to the events page. I'm not having any luck using 'pointer-events'

Thanks a lot for any assistance, I'm sure there's a simple fix I'm just not proficient with coding

:)

 

Link to comment

Add the following to Design > Custom CSS.

/* disable calendar background image link */

.yui3-squarespacecalendar .background-image-link {

  pointer-events : none;

  }

// disable calendar flyout link and hide arrow, uses LESS syntax

.yui3-squarespacecalendar .flyoutitem-link {

  pointer-events : none;
  
  .flyoutitem-link-arrow {
  
    display : none;
    
    }
    
  }

Let us know how it goes.

Edited by creedon
version 2

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
5 minutes ago, creedon said:

Add the following to Design > Custom CSS.

// disable calendar flyout link and hide arrow, uses LESS syntax

.yui3-squarespacecalendar .flyoutitem-link {

  pointer-events : none;
  
  .flyoutitem-link-arrow {
  
    display : none;
    
    }
    
  }

Let us know how it goes.

Thank you very much for your response!

It appears to have disabled the click-through on the event text popup, but not the calendar image itself

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.