Small pictures expand to fill full width

  • Resolved nhowarth

    (@nhowarth)


    2 years, 9 months ago

    Using WP version 5.9 – Imagify 1.10

    The small copyright image below the article is expanded to fill the full width of the article (1068px) when Imagify is activated.

    The code when Imagify is activated is:

    <p><picture class="aligncenter wp-image-152697 size-full">
<source type="image/webp" srcset="https://www.news.cyprus-property-buyers.com/wp-content/uploads/2017/07/cmc1.png.webp 131w, https://www.news.cyprus-property-buyers.com/wp-content/uploads/2017/07/cmc1-70x6.png.webp 70w" sizes="(max-width: 131px) 100vw, 131px">
<img src="https://www.news.cyprus-property-buyers.com/wp-content/uploads/2017/07/cmc1.png" alt="" srcset="https://www.news.cyprus-property-buyers.com/wp-content/uploads/2017/07/cmc1.png 131w, https://www.news.cyprus-property-buyers.com/wp-content/uploads/2017/07/cmc1-70x6.png 70w" sizes="(max-width: 131px) 100vw, 131px" width="131" height="11">
</picture>
</p>

    Any thoughts what’s causing this?

    (The link shows the post as it should be displayed.)

    Thanks

    • This topic was modified 2 years, 9 months ago by nhowarth.
    • This topic was modified 2 years, 9 months ago by nhowarth.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author WP Media

    (@wp_media)

    Hi @nhowarth,

    This is Joseph from Imagify, and I’ll gladly assist you here!

    This is likely caused by Imagify’s “Use <picture> tags” option for WebP display, as it can sometimes mess with image styling if it is targeted at img elements (this option replaces them with picture elements).

    The easiest fix for this would be to change to the “Use rewrite rules” option, but I can see you’re using a CDN, so that option can’t be used (rewrite rules on your server can’t work for images served from CDN servers).

    So instead, please try installing this helper plugin that I believe may resolve the issue for you.

    In case that doesn’t work, then you could activate Imagify and the “Use <picture> tags” option so the issue is happening and write me back to let me know. With the issue occurring, I believe I should be able to come up with some custom CSS you could add to resolve the issue.

    Please feel free to let me know how it goes, and I’ll be glad to continue assisting any way I can!

    Best regards,
    Joseph

    Thread Starter nhowarth

    (@nhowarth)

    Many thanks Joseph for your quick reply and the fix

    It worked – problem solved

    Regards

    Plugin Author WP Media

    (@wp_media)

    Hi @nhowarth,

    So glad to hear that it worked for you, and thanks for confirming that with me!

    Hope you have a very nice rest of your day!

    Best regards,
    Joseph

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Small pictures expand to fill full width’ is closed to new replies.