Jump to content

change link url on the calendar thumbnail on events page squarespace

Recommended Posts

Site URL: https://runatitshouting.co.uk/courses

where the calendar thumbnail is to the top left on each event. this is clickable and takes you to another purchase page. can i possible change this so when you click on the calendar thumbnail i can take them to a customised url. i want to take the user to a page with a calendar on if possible .  All i need to know if how i change the url for the thumbnail 


thank you in advance x

Link to comment
  • Replies 1
  • Views 625
  • Created
  • Last Reply

add this to Home > Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
$(document).ready(function() {
  // check by tuan
    // for event 1
	$("article.eventlist-event:nth-child(1) .eventlist-column-thumbnail").attr('href','https://beaverhero.com');
      // for event 2
	$("article.eventlist-event:nth-child(2) .eventlist-column-thumbnail").attr('href','https://google.com');


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


This topic is now archived and is closed to further replies.

  • 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.