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. This component just provides some basic settings for sizing the image flairs and their background circles. Desktop only though - I tried some mobile stuff, but it wasn’t worth tweaking for that small. [The image displays a settings menu with various theme options, including card settings, card size settings, card profile settings, and post settings. (Captioned by AI)]

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 screenshot of a profile page from a social media platform, featuring an avatar of a person with purple hair and glasses. (Captioned by AI)] 60 px [This is a digital screenshot of a user profile or dashboard, likely from a social media platform or a gaming community. (Captioned by AI)] Can change flair location with this component: [图片] Trust-Level Avatar Flair Theme component This theme component allows an admin to add flair to user avatars based on the user’s trust level. Trust level flair displays anywhere on the site that you would normally see group flair. There are a few theme settings to adjust the position of the flair in relation to the avatar. Basic Examples (with group flair in place) [examples] There is also a bottom-right position that will either replace group flair or be replaced by group flair depending on how you set the “group flair always on top” …

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: [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)]

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-profile-avatar .avatar-flair, .user-image .avatar-flair, .latest-topic-list-item .avatar-flair { background-size: 30px 30px; width: 30px; height: 30px; } default 20px [image] 30px [image]

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.

是否可以增加小组标签的大小？

开发

STORMS 2024 年9 月 8 日 16:45 17

@Lilly 为什么我在聊天时会消失表情符号？有什么简单的方法可以让表情符号在聊天中显示吗？

话题		回复	浏览量
Recommended image size (flair) UX	1	1188	2019 年12 月 20 日
How to increase avatars size on posts without making them blurred Development	11	13384	2018 年12 月 5 日
Creating small icon in corner of avatar Product Support group-flair	4	419	2024 年7 月 18 日
Avatar Flair (not Badges) for Groups Feature	61	18449	2017 年10 月 24 日
Trust-Level Avatar Flair Theme component	49	17286	2025 年10 月 3 日

是否可以增加小组标签的大小？

相关话题