Elementor image shrink when link is added
- By
- John Doe
- Sept 17, 2024
- 7 min read
Short Intro:
Bug every image when you put a link on the image the image won’t display 100% even though we put width and max width to 100%. I found it that every time we put link to a featured image it will shrink because it is not display into block that’s why it will shrink so what I did was to find the exact correct class and display the image to block so that the width and max-width we set to 100% will work
Problem:
Bug every image when you put a link on the image the image won’t display 100% even though we put width and max width to 100%.
Solution:
I found that every time we put a link to a featured image it will shrink because it is not displayed into “block” that’s why it will shrink so what I did was to find the exact correct class and display the image to block so that the width and max-width we set to 100% will work.
Css code:
selector a{
display: block;
}
Note: selector is the widget itself. You can replace that with the exact class of the element.
Contact Details
More solutions
by ilias
You’re using JetFormBuilder and want to make sure users are at least 18 years old based on their birthday input.
by ilias
Roweij Specerijen wanted to have a filter that can choose number of products display per pagination
by ilias
This article will show you how to add dynamic code to your templates using the Elementor Shortcode widget and custom PHP code.