fbpx

Web design made easy.

Design + Tech Tips for WordPress and Divi.

How to force comment author avatars to one size in Divi

by Oct 30, 2019Code Snippets, Web Design

So I found a problem in Divi tonight.

Weird Gravatar Size

To be fair, this isn’t exclusively a Divi problem. This is a Gravatar problem. Occasionally, Gravatar images show up at a weirdly large size, while others show up normally.

It would be one thing if all Gravatars showed up large, but this mix doesn’t work because, as you can see, it covers up comment text, and it hides behind the avatar for the following comment.

But, I wrote just a couple lines of code, and now all Gravatars match.

Viola!

Step 1: Take this code.

.comment_avatar {
height: 62px;
width: 62px;
}

Embed it in the CSS in Divi Theme Options.

That’s it!

If this helps you, I’d love to hear about it. Drop me a comment below.

0 Comments

Leave a Reply

Super Helpful Posts

About Ysmay

Ysmay has been building websites professionally since 1999, and is the co-owner of Agency 109.

When she’s not building websites, she can be found mentoring fellow designers, playing Pokemon Go, and listening to gangsta rap.

You can connect with Ysmay futher on her personal site Ysmay.com