How do I make avatars round

How i Change this from Square to Round?

Sorry i dont know where to post!

1 me gusta

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 Me gusta

Okey then its the customization :smiley:

1 me gusta

Sé que ha pasado un tiempo para este tema, pero pensé que añadiría que se puede controlar el grado de redondeo de los avatares en CSS con la configuración de border-radius (yo tengo los nuestros en 6px):

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

cuanto mayor sea el número, más redondeadas serán las esquinas. Ponerlo a 0 hace que los avatares sean perfectamente cuadrados. Creo que 24px los hace perfectamente redondos. Así que puedes ser bastante granular en cómo quieres que aparezcan los avatares. Puedes hacer que los avatares cuadrados parezcan pantallas de televisión antiguas y retro. jajaja

Nota: el redondeo de los avatares puede aparecer un poco diferente entre las vistas de escritorio y móvil, así que puede que quieras controlarlo por separado allí.

2 Me gusta

También hay un componente Theme que puede ser muy útil: Avatar Size and Shape :+1:

3 Me gusta

oh genial no había visto ese. gracias.

2 Me gusta

Este tema se cerró automáticamente 2 días después de la última respuesta. Ya no se permiten nuevas respuestas.