# How to make the avatars show in squares instead of circles?

**URL:** https://meta.discourse.org/t/how-to-make-the-avatars-show-in-squares-instead-of-circles/113276
**Category:** Support
**Created:** [April 2, 2019, 10:34pm UTC](https://meta.discourse.org/t/how-to-make-the-avatars-show-in-squares-instead-of-circles/113276 "2019-04-02T22:34:52Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Jay91](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jay91/32/135181_2.png) [@Jay91](https://meta.discourse.org/u/Jay91)
#### Post date: [April 2, 2019, 10:34pm UTC](https://meta.discourse.org/t/how-to-make-the-avatars-show-in-squares-instead-of-circles/113276/1 "2019-04-02T22:34:52Z")

</div>

Our web site shows the avatars as below  
 ![image](https://global.discourse-cdn.com/meta/original/3X/b/6/b6a54fd99bf0d3158bdfc5de13d836813cd4937b.png)

and we want to change the shape of the avatars like below:  
 ![image](https://global.discourse-cdn.com/meta/original/3X/2/c/2c4b5e9b91a90636d3b75a72267d9880f9f1bf55.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [April 2, 2019, 10:38pm UTC](https://meta.discourse.org/t/how-to-make-the-avatars-show-in-squares-instead-of-circles/113276/2 "2019-04-02T22:38:56Z")

</div>

Modify the relevant CSS to make it so. You may wish to search for learning CSS resources online.

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [April 2, 2019, 11:12pm UTC](https://meta.discourse.org/t/how-to-make-the-avatars-show-in-squares-instead-of-circles/113276/3 "2019-04-02T23:12:54Z")

</div>

Or you can use the theme component

> [@Avatar Size and Shape](https://meta.discourse.org/t/avatar-size-and-shape/106124):
>
> discourse2Summary Avatar Size and Shape will allow you to easily change the size and shape of the avatars on your site.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/avatar-size-and-shape)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-avatar-component](https://github.com/discourse/discourse-avatar-component)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Features Avatar Size and Shape allows you to easily customise the size and shape of avatars on…

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [May 2, 2019, 11:12pm UTC](https://meta.discourse.org/t/how-to-make-the-avatars-show-in-squares-instead-of-circles/113276/4 "2019-05-02T23:12:56Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.