Как мне изменить это с квадратного на круглое?
Извините, я не знаю, куда это опубликовать!
Без оригинального изображения здесь трудно сказать. Аватары по умолчанию обрезаются по кругу. Скорее всего, это вызвано либо кастомизацией этого сайта, либо тем, что у самого изображения прозрачный фон.
Хорошо, тогда это настройка ![]()
Я знаю, что эта тема уже давно обсуждалась, но я хотел добавить, что степень скругления аватаров в CSS можно контролировать с помощью свойства border-radius (у нас оно установлено на 6px):
img.avatar {
border-radius: 6px;
}
Чем больше число, тем более скруглёнными будут углы. Установка значения в 0 делает аватары идеально квадратными. Я думаю, что 24px делает их идеально круглыми. Таким образом, вы можете очень точно настраивать внешний вид аватаров. Можно сделать квадратные аватары похожими на экраны старых ретро-телевизоров. lol
Примечание: скругление аватаров может выглядеть немного по-разному в десктопной и мобильной версиях, поэтому, возможно, стоит контролировать это отдельно для каждого из них.
Также есть #theme-component, который может быть очень полезен: Avatar Size and Shape ![]()
О, круто, я этого не заметил. Спасибо.