Whole card clickable in Elementor Loop Template breaks layout — how to fix?
Hey everyone,
I'm building a blog post loop using Elementor's Loop Template and I want the entire card to be clickable (linking to the post).
My card structure: A simple container with just:
- Image widget
- Heading widget
- Text widget
What I tried: In the container's Layout tab → Additional Options, I changed the HTML Tag to a (link) and added the post URL as the link value. Seemed like the simplest way to wrap the whole card in a link.
The problem: On the frontend, the loop cards completely break and collapse — the layout falls apart, elements overlap and float out of place.
My setup:
- WordPress + Elementor Pro
- Loop Template for blog post cards
- Container has a custom class
blog-card
Has anyone dealt with this before? What's the correct way to make an entire card clickable in a Loop Template without breaking the layout?
NOTE: I came across an option to install add-on plugins to enable the wrapper link. However, I was looking for a solution without adding a plugin.
Thanks!
