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日後に自動的に閉じられました。新しい返信は許可されていません。