Images are “smashed” on Chrome

  • Resolved brkrosnick

    (@brkrosnick)


    4 months ago

    Hi!

    On the home page of my website, I am using the “Latest Posts” block (4 items, 2 columns, with featured image) to display my Latest Posts (see “img1” for what it looks like in the Block Editor.

    This is rendering totally correct on Safari (see “img2”), but on Chrome, it foreshortens and squashes all but the first of the featured images (see “img3”) on the list. This happened very suddenly, without me making any changes on the backend or adding any additional plugins.

    I have tried disabling any plugin that might have anything to do with image sizing as it relates to site speed, but none restore these images to their correct proportions. What can I do?

    img1 (Block Editor – rendering correctly)

    img2 (Safari, rendering correctly)

    img3 (Chrome, rendering incorrectly)

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

Viewing 1 replies (of 1 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Hello,

    We cannot see how the issue you are describing can be caused by our plugin so I think you may need to post this on either the Twenty Seventeen theme support forum or the Gutenberg plugin support forum.

    That being said, we think that you can resolve your issue by adding this CSS into “Customizer – Additional CSS” …

    .wp-block-latest-posts__featured-image a, .wp-block-latest-posts__featured-image img {
    width: 100%;
    }

    Hope that helps.

    Oliver

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.

Tags