Widget Blog Teaser: Make whole picture not just title clickable/to a link

Comments

• Pablo

  July 2018

  Hi,
  Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
  It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
  thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• FabiK

  July 2018

  Hi Pablo,

  
  

  thanks for your answer. Please find the link to our website with blog teaser widget: http://bit.ly/2L6clmE

  
  

  All the best

  Fabian
• Pablo

  July 2018

  Hi,

  Sorry but this is not possible.

  It require a HTML edit of the Theme which we do not support.

  Cheers.

  
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• kemota

  July 2018

  Hi FabiK - it is possible. Just add this code to Betheme > Theme Options > Custom JS & CSS > JS

  
  

  jQuery(function($) {

  
  

  $('.blog-teaser li .photo-wrapper').on( "click", function(e) {

        e.preventDefault(); 

       window.location.href=$(this).parent().find('.post-title a').attr('href')

  });

  
  

  $('.blog-teaser li .desc-wrapper').on( "click", function(e) {

        e.preventDefault(); 

       window.location.href=$(this).find('.post-title a').attr('href')

  });

  
  

  });
• jmtheriault

  February 2021

  https://forum.muffingroup.com/betheme/discussion/comment/137206#Comment_137206

  @kemota Thank you for the code . It works very well. 10/10 ?️

  I add a css code to change the cursor. Betheme > Theme Options > Custom JS & CSS > CSS

  .blog-teaser li .photo-wrapper, .blog-teaser li .desc-wrapper .desc {

  cursor: pointer;

  }