# Size topic avatar
**URL:** https://meta.discourse.org/t/size-topic-avatar/80112
**Category:** Support
**Created:** [February 8, 2018, 3:44pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112 "2018-02-08T15:44:47Z")
**Posts on this page:** 19
**Page:** 1
### Author:  [@luckydev](https://meta.discourse.org/u/luckydev)
#### Post date: [February 8, 2018, 3:44pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/1 "2018-02-08T15:44:47Z")
Hello!
How to make size avatar topic 145px?
---
### Author:  [@mikechristopher](https://meta.discourse.org/u/mikechristopher)
#### Post date: [February 8, 2018, 4:04pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/2 "2018-02-08T16:04:34Z")
As said before @luckydev - if you want to start editing things you will need to start learning some CSS - or at least searching on the forum here for some previous posts.
I found this by just searching…
[https://meta.discourse.org/t/css-help-please-resizing-avatar-in-posts-from-45-to-120/24234/5?u=mikechristopher](https://meta.discourse.org/t/css-help-please-resizing-avatar-in-posts-from-45-to-120/24234/5)
---
### Author:  [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [February 8, 2018, 4:09pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/3 "2018-02-08T16:09:35Z")
This requires changing CSS. Here’s a basic example to start with that increases the size from 45px to 60px.
```CSS
.topic-avatar {
width: 60px; // increases the width of the avatar container
img.avatar { // increases the size of the avatar
width: 60px;
height: 60px;
}
}
```
As the above post mentioned, there are topics that cover this specific question in various ways here on Meta. It might be more productive to search before asking.
[https://meta.discourse.org/t/how-to-change-topic-avatar-size/20689](https://meta.discourse.org/t/how-to-change-topic-avatar-size/20689)
---
### Author:  [@luckydev](https://meta.discourse.org/u/luckydev)
#### Post date: [February 8, 2018, 8:09pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/4 "2018-02-08T20:09:31Z")
Avatar quality deteriorated
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [February 8, 2018, 9:28pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/5 "2018-02-08T21:28:02Z")
Yeah, you are going to need a theme component here and possibly to amend the `avatar sizes` to fit the new size + x2 of the size for retina.
You basically need to redo the widget to support this, its a rather hairy change, I totally support making this more easily customizable long term.
@eviltrout what the cleanest way of amending “settings” in the post-avatar widget, so size is something else? would reopen widget be able to pull this off?
---
### Author:  [@luckydev](https://meta.discourse.org/u/luckydev)
#### Post date: [February 8, 2018, 9:35pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/6 "2018-02-08T21:35:49Z")
How can I change it? Sorry for my language, I’m from Russia.
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [February 8, 2018, 9:37pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/7 "2018-02-08T21:37:37Z")
> [@luckydev](#):
>
> How can I change it? Sorry for my language, I’m from Russia
This is not your fault here, changing this is a very advanced level change. It requires a theme component. Hold tight a few days while we have a think about this.
---
### Author:  [@luckydev](https://meta.discourse.org/u/luckydev)
#### Post date: [February 8, 2018, 9:40pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/8 "2018-02-08T21:40:50Z")
OK thank you very much!
---
### Author:  [@eviltrout](https://meta.discourse.org/u/eviltrout)
#### Post date: [February 8, 2018, 9:54pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/9 "2018-02-08T21:54:20Z")
Widget settings are easily changed via API:
```plaintext
api.changeWidgetSetting('post-avatar', 'size', 'super-huge');
```
You will need to define what `super-huge` is elsewhere though. But any of our default sizes will work as a parameter.
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [February 8, 2018, 9:57pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/10 "2018-02-08T21:57:44Z")
Cool, @vinothkannans can you post an example theme component in the #plugin:theme category that demonstrates how to make a poster avatar say 105px square, or some other non standard larger size?
---
### Author:  [@luckydev](https://meta.discourse.org/u/luckydev)
#### Post date: [February 8, 2018, 11:34pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/11 "2018-02-08T23:34:07Z")
Thanks!
Its work
```plaintext
```
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [February 9, 2018, 1:58am UTC](https://meta.discourse.org/t/size-topic-avatar/80112/12 "2018-02-09T01:58:01Z")
@Osama this is an interesting use case for you “theme settings”
- It is a component
- It should remind users they need to also amend the site setting
- It has a param that goes in the HEADER and in CSS
I think you should try it out, maybe post a screen shot here of how it would work?
---
### Author:  [@luckydev](https://meta.discourse.org/u/luckydev)
#### Post date: [February 9, 2018, 10:20pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/13 "2018-02-09T22:20:26Z")
Because of the avatar, there were problems with indenting
---
### Author:  [@Osama](https://meta.discourse.org/u/Osama)
#### Post date: [February 12, 2018, 10:09pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/14 "2018-02-12T22:09:12Z")
Ok so I tried this and it worked quite nicely. Here is what I did:
1. created a theme and made it a component for my default theme
2. defined an enum setting in the component theme and gave it some values to choose from
3. added this piece of code in Common \>\> \:
```html
```
1. and this piece in Common \>\> CSS
```scss
.topic-avatar {
width: #{$topic_avatars_size}px; /* from theme settings */
}
```
And I got this (80px avatars):
Changed the setting to 100px, reloaded the page and got 100px avatars:
My PR for theme settings doesn’t have this - if you want this in I’ll push my changes after I polish my code a bit and write some tests.
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [February 12, 2018, 10:11pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/15 "2018-02-12T22:11:02Z")
> [@Osama](#):
>
> My PR for theme settings doesn’t have this - if you want this in I’ll push my changes after I polish my code a bit and write some tests.
Absolutely, basing these kind of features on real world usage is the bestest ever ❤
Let me know once that is done and I would love to get this merged in!
Also, how does it get the `enum` cause it would have to be based off the site setting (loosly) cause the site setting accounts for x2 sizes to allow for retina?
---
### Author:  [@Osama](https://meta.discourse.org/u/Osama)
#### Post date: [February 12, 2018, 11:04pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/16 "2018-02-12T23:04:34Z")
Currently the enum choices are purely set by the theme developer and they will need to remind the theme user i.e. admin to make sure the `avatar sizes` site setting has the selected value for the theme.
Though to be clear, that theme setting doesn’t have to be strictly an enum (it could work as an integer/string setting, theme users would have to manually type the value they want).
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [February 13, 2018, 12:29am UTC](https://meta.discourse.org/t/size-topic-avatar/80112/17 "2018-02-13T00:29:21Z")
> [@Osama](#):
>
> Though to be clear, that theme setting doesn’t have to be strictly an enum (it could work as an integer/string setting, theme users would have to manually type the value they want).
Yes I think that is a better call here for this particular setting, I would just use an int and maybe have a min / max defined by theme dev.
---
### Author:  [@Osama](https://meta.discourse.org/u/Osama)
#### Post date: [February 15, 2018, 8:43pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/18 "2018-02-15T20:43:20Z")
Alright PR is now updated:
[https://github.com/discourse/discourse/pull/5562](https://github.com/discourse/discourse/pull/5562)
---
### Author:  [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [June 8, 2024, 12:43pm UTC](https://meta.discourse.org/t/size-topic-avatar/80112/19 "2024-06-08T12:43:29Z")
This topic was automatically closed after 2311 days. New replies are no longer allowed.