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

Чтобы были не квадраты а кружки везде

 

Вот смотри...
Берём к примеру сайт БМ, тут аватарки изначально были в виде шестиугольника.

Наведись на аватар тут, нажми ПКМ

Ищем блок, отвечающей за аватарку и берём из него основной класс:

У нас этот класс называется avatar (как не странно)
Теперь тебе нужно сделать их круглыми...

Ищешь класс avatar как показано на скриншоте выше, и добавляешь туда свойство:
border-radius: 50%;

Вот что у меня получилось в итоге

Как видишь аватарка круглая.


Теперь осталось это всё применить.
Можно в настройках стиля в настройках АВАТАРА изменить свойство Радиус рамки аватара
И просто указать там 50%
А можешь в файл extra.less добавить:

.avatar {
    border-radius: 50%;
}

 

@bobobo, Спасибо!