How to Change Avatar Size in WordPress Comments

By 09-01-2011   BloggingTutorialsWordPress

I wanted to increase avatar size (Gravatar) in my WordPress comments, but any amount of CSS tweaking for the avatar size would not work. I realized the avatar size was generated hard coded in html and there was no way to change that.

A quick view at your comments.php file would reveal that the comments are output by this code.

<ol class="commentlist">
<?php wp_list_comments(); ?>
</ol>

Note that we had set the type argument to show comments only (not pingbacks / trackbacks) so our code looks like this right now

<ol class="commentlist">
<?php wp_list_comments(array('type' => 'comment')); ?>
</ol>

So wp_list_comments is the target file which generates the hard coded avatar size of 32x32px. I wanted to increase the avatar size to 48x48px, so here is how I modified the code to look like this. Change the 48 to any size you like from 1-512.

<ol class="commentlist">
<?php wp_list_comments(array('avatar_size' => '48', 'type' => 'comment')); ?>
</ol>

Now we are showing comments with avatar size of 48x48px. Post a comment and try for yourself. (Obviously you have a gravatar by now with the same email address or your avatar would not show on any site).

9 comments on “How to Change Avatar Size in WordPress Comments

  1. dvdrippingsoftware says:

    Im sure this is useful for wordpress novices like me …

  2. caroline wabara says:

    Thanks for the tip. I’m gonna try this.

  3. Julian says:

    if i remember correctly, you can change the size in General Option > Discussion

  4. Mi Kapa says:

    Thanks, that was what i was looking for!

  5. Praveen says:

    Customizing wordpress is interesting…. thanks for this tutorial :)

  6. Macaroni Schotel says:

    Thanks for the tips. I will use them to change my avatar

  7. Javi says:

    Thank you very, very much! I’m new to WordPress but this tutorial was super easy to understand and apply. I don’t know why the default avatar size has to be so small…

  8. Filip Klar says:

    Thank you for your post. I was looking for this option in the CSS style very long ;) And it’s so easy.

Leave a Reply

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

*