Is there an easy way to increase the size of the flair that goes by your name when attached to certain groups? . [Screenshot 2024-08-19 094148]

yea ok to make it easier for you and others to do this, I fired up a quick theme component: https://github.com/Lillinator/custom-avatar-flair-size.git Let me know how it works :slight_smile: :wrench: You still have to change the flair image and background color in the group avatar flair settings.…

In common - css of a theme or component. you can do something like this Avatar flair resized from the default 40px to 60px: .user-card-avatar .avatar-flair, .user-profile-avatar .avatar-flair { background-size: 60px 60px; width: 60px; height: 60px; } default 40 px [This is a screen…

Do I have it in the right place? [Screenshot 2024-08-19 121836]

looks like it. (is there something else in the header tab that’s highlighted?) code I posted should be here: <a class="lightbox" href="https://global.discourse-cdn.com/meta/original/4X/b/2/f/b2f6a0c30f161fca085953688c65bda61960d18f.png" data-download-href="/uploads/short-url/pxbo2tR9ATlVAWPPX2zsUtz2cEL.png?dl=1" title="The image displays a computer screen with a text editor open, showing a section of code being edited. The code is for a CSS file, specifically targeting a div named "footer". The text editor has a dark theme, and the code is written in a light color, which stands out against the dark background. The focus of the image is on the CSS file, indicating that someone is working on or studying this code. (Captioned by AI)">[The image displays a computer screen with a text editor open, showing a section of code being edited. The code is for a CSS file, specifically targeting a div named "footer". The text ed…

Yep, it’s all there. The flair is still 20x20 in posts.

oh sorry I missed the post one. :woman_facepalming:t2: For 30px .user-card-avatar .avatar-flair, .user-profile-avatar .avatar-flair { background-size: 60px 60px; width: 60px; height: 60px; } .topic-avatar .avatar-flair, .avatar-flair-preview .avatar-flair, .collapsed-info .user-pro…

Thank you! I’m definitely not a coder, so I appreciate the support & assist! :slight_smile:

no problem. you can fine tune adjust that px sizing to granularly get it how you want. :slight_smile:

I noticed if I put a HEX color on it, it shrinks back down. Can you assist me here also :slight_smile: [Screenshot 2024-08-19 205756]

Would this make a good addition to Avatar Size and Shape ?

oh I forgot about that one. does it do the same thing? oh nm, it’s just avatars, I thought it did flairs too. hmmm :thinking: might not be a bad idea… mine is pretty basic that I threw together in a few min. I think I’d want to change the input fields format perhaps.

É possível aumentar o tamanho de uma flair de grupo?

Dev

STORMS Setembro 8, 2024, 4:45pm 17

@Lilly por que o flair desaparece para mim quando estou no chat? Existe uma maneira fácil de fazer o flair aparecer nos chats?

Tópico		Respostas	Visualizações
Recommended image size (flair) UX	1	1145	20 de Dezembro de 2019
How to increase avatars size on posts without making them blurred Development	11	13150	5 de Dezembro de 2018
Creating small icon in corner of avatar Support group-flair	4	207	18 de Julho de 2024
Avatar Flair (not Badges) for Groups Feature	61	17572	24 de Outubro de 2017
Trust-Level Avatar Flair Theme component	49	16313	3 de Outubro de 2025

É possível aumentar o tamanho de uma flair de grupo?

Tópicos relacionados