How do I make avatars round

How i Change this from Square to Round?

Sorry i dont know where to post!

1 Mi Piace

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 Mi Piace

Okey then its the customization :smiley:

1 Mi Piace

So che è passato un po’ di tempo per questo argomento, ma ho pensato di aggiungere che si può controllare il grado di arrotondamento degli avatar in CSS con l’impostazione border-radius (abbiamo impostato il nostro a 6px):

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

più alto è il numero, più arrotondati sono gli angoli. impostarlo a 0 rende gli avatar perfettamente quadrati. penso che 24px li renda perfettamente rotondi. quindi puoi essere piuttosto granulare su come vuoi che appaiano gli avatar. puoi far sembrare gli avatar quadrati come vecchi schermi TV retrò. lol

nota: l’arrotondamento degli avatar può apparire un po’ diverso tra la visualizzazione desktop e mobile, quindi potresti volerlo controllare separatamente lì.

2 Mi Piace

C’è anche un Theme component che potrebbe essere molto utile: Avatar Size and Shape :+1:

3 Mi Piace

oh bello non l’avevo visto. grazie.

2 Mi Piace

Questo argomento è stato chiuso automaticamente 2 giorni dopo l’ultima risposta. Non sono più consentite nuove risposte.