By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!
elementor official

Weird result on an image container - Bug?

3KyNoX

3KyNoX

New Member
Hello everyones,

since an elementor update on my website, and possibly a recent home page modification, I have the exact same image in multiple locations, using the exact same parameters but that display differently.

I explain myself, here is the concerned image, I have 4 of these on my home page:
1619304946914.png


Looking at my home page, the first two ones displays correctly:
1619305129148.png


But only the last bottom two ones displays wrongly...:
1619305161789.png

... Where it is cutted left & right.

I tried inside to copy the images correctly displayed from the top of my page and replace the bottom ones with it, but weird here as well, the same problem occur, even after the copy / paste.

If I look at the code in the inspector, I notice a slight difference, here the correct display:

HTML:
<img width="502" height="417" src="https://i2.wp.com/escalnatura.pt/wp-content/uploads/2021/04/home-img-1-escalnatura.png?fit=502%2C417&amp;ssl=1" class="attachment-large size-large" alt="" loading="lazy" srcset="https://i2.wp.com/escalnatura.pt/wp-content/uploads/2021/04/home-img-1-escalnatura.png?w=502&amp;ssl=1 502w, https://i2.wp.com/escalnatura.pt/wp-content/uploads/2021/04/home-img-1-escalnatura.png?resize=400%2C332&amp;ssl=1 400w" sizes="(max-width: 502px) 85vw, 502px">

And here the wrong one, where we see some width / max-width differences...

HTML:
<img width="417" height="417" src="https://i2.wp.com/escalnatura.pt/wp-content/uploads/2021/04/home-img-1-escalnatura.png?fit=417%2C417&amp;ssl=1" class="attachment-large size-large" alt="" loading="lazy" srcset="https://i2.wp.com/escalnatura.pt/wp-content/uploads/2021/04/home-img-1-escalnatura.png?resize=300%2C300&amp;ssl=1 300w, https://i2.wp.com/escalnatura.pt/wp-content/uploads/2021/04/home-img-1-escalnatura.png?resize=100%2C100&amp;ssl=1 100w" sizes="(max-width: 417px) 85vw, 417px">

... but mostly this "srcset" part where the values are completely different.
Inside elementor, the settings are exactly the same for both images:

1619305616588.png


and ...

1619305678796.png


Voila! If you could guide me in the correct direction to correct this problem, this will be really appreciated as I'm currently pulling my hairs trying to find.

Thanks anyway!

Cheers.
 
elementor official

Latest posts

Latest Products

Other Elementor Resources

elementor official
elementor official
Top