[Support request] Width & Height PSI Warning

Hi there,

Have you added a custom width and height on the Image tab? If so, that’s known to cause this issue as it removes the width and height attribute of the img element.

Here’s a suggestion:

Leave the image width and height values empty on the Image tab and use CSS to control the width and height.

Example:

.wp-show-posts-image.wpsp-image-center {
    width: 300px;
    height:300px;
    margin: auto;
}
.wp-show-posts-image img {
    height: 100%;
    width: auto !important;
    object-fit: cover;
}

This is done so you could still control the height and width while retaining the img height and width attribute from WordPress default image element render.

More about this issue:

Dealing with image sizes has always been tricky. We’ve released an Alpha version in an attempt to make it easier for users to control this by adding image size selection option.

See full changelog here: https://wpshowposts.com/wp-show-posts-1-2-0/

The CSS was written to keep the container the way you specified (300×300) but I’ve also added height: 100%; , width: auto !important; & object-fit: cover; to make sure aspect ratio is kept so you don’t get any weird stretching and crop the image to fit 300×300 width and height if incase the image exceeds in width.

You can send it here so we can take a look.
https://wpshowposts.com/contact/