Catch Posted January 23, 2020 Share Posted January 23, 2020 Site URL: https://www.vinesolutions.com/our-team I want summary blocks have clickable thumbnails. How do I make the thumbnails functionally link to the dedicated post? The title text is clickable but not he pictures. The link provided show a page with several summary blocks. Thanks for your help Link to comment
tuanphan Posted February 1, 2020 Share Posted February 1, 2020 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. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Catch Posted February 6, 2020 Author Share Posted February 6, 2020 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/b67b5ce35b080c8b036fdeb785c12644https://gyazo.com/79e3e6e039c1fff17c045ed84ef35165 Link to comment
tuanphan Posted February 7, 2020 Share Posted February 7, 2020 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/b67b5ce35b080c8b036fdeb785c12644https://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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tuanphan Posted February 25, 2020 Share Posted February 25, 2020 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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.