Prerequisites
Description
When adding a link to an image, the link spans to to the full width of its parent block (the image widget) irrespective of the image size.
The problem comes when I use an image that does not take the full image widget space (the most common example being the Site Logo), and assign a link to it, the link is clickable outside of image in the black space which is not the expected behaviour. This is coming from .elementor-widget-image .elementor-image>a set to display: block;
I'm not sure why an anchor tag's display property is set to block.
Steps to reproduce
- Insert a section or a column.
- Add the image widget inside it.
- Choose an image and set its width to less than 100%
- Assign a link to it
- The pointer cursor would show and the link would be clickable outside (besides) that image.
Isolating the problem
Prerequisites
Description
When adding a link to an image, the link spans to to the full width of its parent block (the image widget) irrespective of the image size.
The problem comes when I use an image that does not take the full image widget space (the most common example being the Site Logo), and assign a link to it, the link is clickable outside of image in the black space which is not the expected behaviour. This is coming from
.elementor-widget-image .elementor-image>aset todisplay: block;I'm not sure why an anchor tag's display property is set to block.
Steps to reproduce
Isolating the problem