How do I make avatars round

[Funkel]

How i Change this from Square to Round?

Sorry i dont know where to post!

[featheredtoast (Jeff Wong)]

Without the original image here, it is difficult to know. Avatars are cropped by a circle by default. This is probably either caused by that site’s customization, or the image itself has a transparent background.

[Funkel]

Okey then its the customization

[Lilly (Lillian Louis)]

我知道这个话题已经有一段时间了，但我只是想补充一点，你可以用 CSS 的 border-radius 设置来控制头像的圆角程度（我们的设置为 6px）：

img.avatar {
  border-radius: 6px;
}

数字越高，圆角越多。设置为 0 会使头像完全呈方形。我认为设置为 24px 会使它们完全呈圆形。所以你可以非常精细地控制头像的外观。你可以让方形头像看起来像复古的老式电视屏幕。哈哈。

注意：头像的圆角在桌面和移动视图之间可能看起来略有不同，所以你可能想在那里分别控制它。

[JammyDodger]

还有一个#theme-component 可能也很有用 - Avatar Size and Shape

[Lilly (Lillian Louis)]

哦，太酷了，我没看到那个。谢谢。