Author Avatar stretched

I did find a quick workaround for the problem using CSS to reshape the author picture in the author box. Fine for using a “square” shape, but “round” shapes are now ovals. Needs some deeper coding than I can do to fix the picture stretching issue.

Here is what I did:

.pp-multiple-authors-boxes-wrapper.pp-multiple-authors-layout-boxed.multiple-authors-target-the-content .pp-author-boxes-avatar img {
height: 85px !important;
}

Probably a little inelegant, but I was in a hurry. This changes the height from the default of 80px to 85px and leaves the default width at 80px. That’s just enough to make the distortion go away and not really visibly deform the circle.

In the workaround you sent, the “contain” is worse than the stretching if the art/photo has a background. The default placement of the image needs to be center center and fit either the width or height depending on if the image is vertical or horizontal. I’m just not enough of a css whiz to do that – but I’m thinking it might not overcome the issue in the base code.

object-fit: contain;