Jump to content

Summary Thumbnails not clickable

Recommended Posts

  • 2 weeks later...
  • Replies 4
  • Views 1.6k
  • Created
  • Last Reply

Thanks for your interest 🙂
The site is not live yet
Here are a couple screen shots.  These are summery blocks displaying previews of blog posts. I am using this method to show team members, and then the blog post is their bio page.  

So, when showing the summaries, only the text (name and title) is clickable. The photo is not clickable.  However, on the dedicated blog page (which I never will make publicly accesable, the images are clickable)  I want the images to be clickable. 

https://gyazo.com/b67b5ce35b080c8b036fdeb785c12644
https://gyazo.com/79e3e6e039c1fff17c045ed84ef35165

Link to comment
17 hours ago, Catch said:

Thanks for your interest 🙂
The site is not live yet
Here are a couple screen shots.  These are summery blocks displaying previews of blog posts. I am using this method to show team members, and then the blog post is their bio page.  

So, when showing the summaries, only the text (name and title) is clickable. The photo is not clickable.  However, on the dedicated blog page (which I never will make publicly accesable, the images are clickable)  I want the images to be clickable. 

https://gyazo.com/b67b5ce35b080c8b036fdeb785c12644
https://gyazo.com/79e3e6e039c1fff17c045ed84ef35165

My idea is using CSS to link so that the link of the title covers the image, so that the image is clickable.
This is just the way I usually use it, but I need to check the block code to see if it is possible, and what code to use.

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

Add to Code Injection Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  $(document).delegate(".summary-item", "click", function() {
   window.location = $(this).find(".summary-title-link").attr("href");
});
</script>

 

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

Archived

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.