How do I make avatars round

How i Change this from Square to Round?

Sorry i dont know where to post!

1 个赞

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.

4 个赞

Okey then its the customization :smiley:

1 个赞

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

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

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

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

2 个赞

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

3 个赞

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

2 个赞

该主题在上次回复后 2 天自动关闭。不再允许新回复。