How can I put a link to the whole box instead of just the title and the image? (Blog post element)

[arbron]

How can I put a link to the whole box instead of just the title and the image?
In this case I am using a normal blog post linked to web pages as an element.

 

[busfizz.nl]

This is not available in standard Elementor Pro. It can however be easily be achieved with a third party plugin.

 

[arbron]

This is not available in standard Elementor Pro. It can however be easily be achieved with a third party plugin.

with which plugin should I be able to do this?

 

[busfizz.nl]

with which plugin should I be able to do this?

Plugin

 

[arbron]

thanks for the plugin. Unfortunately this is not what I was looking for. I need a method to make the blog article that has its own link already set clickable in the whole box.

 

[busfizz.nl]

To make a dynamic post card (box) clickable do as follows:

1. Name the blog post widget under CSS-Classes ( you find this in the advanced tab) to 'yourname'.

2. Add a query by means of the HTML code widget to the page

3. Copy and past the following code in the HTML code widget:

<script>
document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
$('.yourname').find('.elementor-post').each(function(){
let link = $(this).find('a').attr('href');
$(this).wrapAll( document.createElement( 'a' ) );
$(this).closest('a').attr('href', link);
});
});
});
</script>

Source

 

[arbron]

@busfizz.nl
That's perfect, thank you very much for your help!

 

[Dayghost]

It works like a charm, but... Now the cards don't have equal height as before adding the script. Any work arounds for that?

 

[Kopf & Stift]

Same here....