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:
1 2 3 4 5 6 |
.comment_avatar { height: 60px; width: 60px; } |
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.