How do I resize avatar thumbnail in the comments section?

  • The default avatar thumbnails in the comments section of my blog are too big for my taste. How do I make them smaller?
    I tried adding below code to the custom css, but it didn’t work.
    .comment-body img {width: 32px; height: 32px;}

    I tried changing the comments.php like this, but it didn’t work.
    wp_list_comments( array(
    ‘callback’ => ‘oceanwp_comment’,
    ‘style’ => ‘ol’,
    ‘format’ => ‘html5’,
    ‘avatar_size’ => 32
    ) ); ?>
    When I inspect element for the thumbnail, it says the size is 150, which is too large. Please help.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi Vivek,

    You can try adding the following code to your Admin Panel > Appearance > Customize > Additional CSS field:

    .comment-body img.avatar {
  width: 32px;
  height: 32px;
}

    Thanks!

    Theme Author oceanwp

    (@oceanwp)

    Hello, if you want to resize them via css, the code provided by @emranemranx is good.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I resize avatar thumbnail in the comments section?’ is closed to new replies.

Tags