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 the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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
  • 6 months later...
On 7/19/2022 at 11:53 PM, calcal said:

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

Hey Calcal, I am trying to do similar to my website.

I currently have the event page in the nav, I want to hide this page and redesign an events page using a summary block or calendar block. I want the events to be able to click through to where there is more information, but I don't want it to go "back to all events" and see the hideous list of events, I want it to go back to the page they will have come from. 

Is this something you can help me with?

Current reference (domain changing in coming week)
https://quillfish-circle-elcg.squarespace.com/events-2-1

Link to comment
On 2/6/2023 at 12:35 PM, Kaydi said:

Hey Calcal, I am trying to do similar to my website.

I currently have the event page in the nav, I want to hide this page and redesign an events page using a summary block or calendar block. I want the events to be able to click through to where there is more information, but I don't want it to go "back to all events" and see the hideous list of events, I want it to go back to the page they will have come from. 

Is this something you can help me with?

Current reference (domain changing in coming week)
https://quillfish-circle-elcg.squarespace.com/events-2-1

You mean hide left right pagination links + add a button in middle?

image.thumb.png.3745dc82de35e4afde21459b2f7db3b0.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...
On 2/6/2023 at 12:35 PM, Kaydi said:

Hey Calcal, I am trying to do similar to my website.

I currently have the event page in the nav, I want to hide this page and redesign an events page using a summary block or calendar block. I want the events to be able to click through to where there is more information, but I don't want it to go "back to all events" and see the hideous list of events, I want it to go back to the page they will have come from. 

Is this something you can help me with?

Current reference (domain changing in coming week)
https://quillfish-circle-elcg.squarespace.com/events-2-1

The url doesnt work now

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 month later...

Hi! I used the code Creedon left earlier in the thread, and it worked perfectly! Thanks, Creedon!

Now I have two more issues I don't know how to solve...

1. Is there a way to disable the arrows to go to the previous month or the coming month?

2. Is there a way to create an event that repeats on the same day every year without recreating the event every year? My goal is to put a calendar block with funny dates throughout the year, and I'd also like to provide an annual pride calendar with the national days and pride events etc... Most of these national days are the same day every year, like National Coming Out Day on October 11th, etc... Is what I'm trying to do even possible?

Thanks for your time!

My website: sociologicalinsights.com

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.