HH22 Posted January 17 Share Posted January 17 Hi, I have a site set up and use Blog posts which link to Source Urls (pages on the site) I set things up this way because the client wanted to use Categories. I wanted to know if it's possible to set the featured image to link to the same Source URL as the title and button? Thanks! Link to comment
Solution tuanphan Posted January 18 Solution Share Posted January 18 Try this to Website Tools (under Not Linked) > Code Injection > Footer. If it doesn't work, you can share link to blog page, we can check easier <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(".blog-basic-grid .blog-basic-grid--container").click(function(){ window.location=$(this).find(".blog-title a").attr("href"); return false; }); </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
HH22 Posted January 18 Author Share Posted January 18 @tuanphan Thank you! That's worked. Is there a way to add something to this script which would change the arrow to the hand when hovering over the images, like it does for the other site links? https://www.southamericarep.com/all-properties Link to comment
tuanphan Posted January 19 Share Posted January 19 23 hours ago, HH22 said: @tuanphan Thank you! That's worked. Is there a way to add something to this script which would change the arrow to the hand when hovering over the images, like it does for the other site links? https://www.southamericarep.com/all-properties Try adding this code under <style> article.blog-basic-grid--container.entry.blog-item.is-loaded>div:first-child { cursor: pointer; pointer-events: initial !important; } </style> HH22 1 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
HH22 Posted January 31 Author Share Posted January 31 Thanks! That worked perfectly. Really appreciate your help. Link to comment
JanMMD Posted March 5 Share Posted March 5 Hello, I'm trying to get this same function to work with a side-by-side blog display. Any help on updating the code? This is as far as I've gotten but nothing seems to work: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(".blog-side-by-side .blog-side-by-side--container").click(function(){ window.location=$(this).find(".blog-title a").attr("href"); return false; }); </script> Thank you! Link to comment
tuanphan Posted March 9 Share Posted March 9 On 3/6/2024 at 5:55 AM, JanMMD said: Hello, I'm trying to get this same function to work with a side-by-side blog display. Any help on updating the code? This is as far as I've gotten but nothing seems to work: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(".blog-side-by-side .blog-side-by-side--container").click(function(){ window.location=$(this).find(".blog-title a").attr("href"); return false; }); </script> Thank you! Can you share link to your blog page? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment