Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Summary Thumbnails not clickable


Catch

Recommended Posts

  • 2 weeks later...
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Can you share link to blog? I can take a look.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment

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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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