Resize Comment Avatars in Divi

Resize Author Avatars in Divi

I found myself working on a Divi site this morning and was testing a few things. I commented on a post, and to my dismay, my avatar image size was way too large for the comment section and disrupted the layout of the page. The result was unacceptable!

After some research, I determined the issue with avatar image sizes is a known problem with Divi. However, I discovered one piece of CSS code that will solve the problem.

Since I often work with the Divi Theme, I decided it would be imperative for me to make a note about this CSS code as it may come in handy in the future. I am sure it may be helpful to some of my readers as well.

Simply add the following code to your custom CSS in Divi > Theme Options:

[css]
.comment_avatar {
height: 60px;
width: 60px;
}
[/css]

For more information about the Divi Theme and Divi Builder for WordPress please visit Elegant Themes.

You can learn more about Cascading Style Sheets by reading more CSS articles.

Leave a Reply

Your email address will not be published. Required fields are marked *