• I have just upgraded my website to version 5.5, now the image is stretched vertically. I have included one of the web pages, but the most recent pages all have this problem. The images that have been posted as comments appear to be fine. Please fix this!

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • WordPress 5.5 update adds height and width attributes to images
    Please read https://core.trac.wordpress.org/ticket/50909

    Apparently your theme does not handle images responsively. You need to have CSS like img {max-width:100%; height:auto}
    Please inform your theme author so other users can get the fix also.

    Thread Starter henriodfence

    (@henriodfence)

    This is what I have in the active theme, which is TwentyTen
    The image itself is 836 x 1280 pixels.
    I will try to resize it smaller and see what happens.

    /* =Images
    ————————————————————– */

    /*
    Resize images to fit the main content area.
    – Applies only to images uploaded via WordPress by targeting size-* classes.
    – Other images will be left alone. Use “size-auto” class to apply to other images.
    */
    img.size-auto,
    img.size-full,
    img.size-large,
    img.size-medium,
    .attachment img,
    .widget-container img {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
    }

    Thread Starter henriodfence

    (@henriodfence)

    Interestingly the second image which is 523 x 800 pixels comes in correctly. Very confusing!

    Thread Starter henriodfence

    (@henriodfence)

    Here is another observation. The distortion corrects itself if you change the “Block Alignment” to “Center” rather than “Left”.

    Thread Starter henriodfence

    (@henriodfence)

    That is if the image is less than 700 pixels wide. Examples on https://boomerartist.ca/aug-8-20-summer/

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘wordpress version 5.5 image distortion’ is closed to new replies.