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

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

:)

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.

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

I updated my code.

5 hours ago, creedon said:

I updated my code.

Thank you so much Creedon that works perfectly, have a great day