Solved Entire column a dynamic href link

Hi,

I'm trying to make an entire Divi column a dynamic link. This column contains two text modules stacked on top of each other: The top one is a text module with a shortcode that displays title and text from a different custom post type. The bottom module is simply an arrow image that must be aligned to the bottom of the column no matter how lengthy the text above is. I'm trying to include both these in a dynamic href link.

A screenshot attached of what I'm trying to achieve.

The problem is that I need to align the arrow to the bottom of each column(there will be 3) no matter how lengthy the text above it. I tried including the arrow in the top text module, but if I absolutely position the arrow to the bottom, it only does so relative to the top text module, not the column.

My problem is how to make the entire column a link that points dynamically to the post of the top text module? I see how to make a column a link in Divi, but not dynamically based on the post title coming from the shortcode. In the shortcode, if I wrap the top text module div in a link, then there is an empty space that isn't part of the link between the top module text and the bottom arrow. I'd like the arrow and all the text to be part of one href, but can't figure this out in Divi.

Any advice helpful!

 

Thanks a lot!

This worked with a few tweaks. I used height 100% on the text module with a class of 'all-hover-block' as well as the .et_pb_text_inner class.

Code:

Log In or Sign Up to view this code.

In the short code I included the custom post title and text as well as the arrow and wrapped it in an href in the shortcode itself.

Code:

Log In or Sign Up to view this code.

Then I absolutely positioned the arrow to the bottom with your CSS from above tweaking it so it appears on the right.

Woohoo, thanks again!