Как сделать аватары круглыми

Как мне изменить это с квадратного на круглое?

Извините, я не знаю, куда это опубликовать!

Без оригинального изображения здесь трудно сказать. Аватары по умолчанию обрезаются по кругу. Скорее всего, это вызвано либо кастомизацией этого сайта, либо тем, что у самого изображения прозрачный фон.

Хорошо, тогда это настройка :smiley:

Я знаю, что эта тема уже давно обсуждалась, но я хотел добавить, что степень скругления аватаров в CSS можно контролировать с помощью свойства border-radius (у нас оно установлено на 6px):

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

Чем больше число, тем более скруглёнными будут углы. Установка значения в 0 делает аватары идеально квадратными. Я думаю, что 24px делает их идеально круглыми. Таким образом, вы можете очень точно настраивать внешний вид аватаров. Можно сделать квадратные аватары похожими на экраны старых ретро-телевизоров. lol

Примечание: скругление аватаров может выглядеть немного по-разному в десктопной и мобильной версиях, поэтому, возможно, стоит контролировать это отдельно для каждого из них.

Также есть #theme-component, который может быть очень полезен: Avatar Size and Shape :+1:

О, круто, я этого не заметил. Спасибо.