Images in Footer Distorted after Running Smush

Images in Footer are supposed to be 150x150. After running Smush they are distored and scaling to 97px x 150

  • Predrag Dubajic

    Hey @Robin Bennett,

    Hope you're doing well today

    Smushing does not affect your images this way and they all remain in their original size, the issue you are having is CSS related, you can see from the first screenshot attached that the image size is still 150x150 but it's being distorted because of CSS code used on image holder.

    I inspected your footer and five 150x150px images can't fit there, see second screenshot attached.

    Here is a CSS fix that will make your images resize properly so they all fit in the footer:

    .widget.featuredpost img {
        height: auto;
    }

    If the theme is not one you made, then you may wish to use a child theme or a plugin like this one for this additional CSS. That way you're protected when you come to upgrade.

    Best regards,
    Predrag