Is there any way to insert a line of text below usernames? Ideally, I’d like this to appear under everyone’s username. [usernamebelow] The CSS I used to achieve this is: .username::after { content: 'website.com'; font-size: 14px; } But obviously I’d like for it to appear below. Thanks!

Oh. Interesting. they have an additional order property on mobile. You can add order: 4 to the after pseudo element and it should fix it.

Would this work for you? [image] .topic-meta-data .names { flex-wrap: wrap; } .names::after { display: block; content: "hello world"; font-size: 14px; width: 100%; flex: 1 0 100%; order: 4; } edit: added order property for mobile

[תמונה] Alteras: Would this work for you? Thank you! It works perfectly on Desktop, but for whatever reason it shows above the username on mobile.

You could achieve this with Group Default Titles. Groups can have Default titles which appear by the username. That way you can have a different one for each Group. You could style those with CSS to appear underneath if you so chose.

[תמונה] Alteras: You can add order: 4 to the after pseudo element and it should fix it. Works perfectly, thank you!

You could also use the API if you need to adjust the content programmatically (to check the user, the post, etc.). For example: api.decorateWidget("poster-name:after", (dec) => { // "dec.attrs" to access the attributes of the post return dec.h("div", "meta.discourse.org"); }); .topic-meta-data .trigger-user-card { flex-direction: column; align-items: flex-start; } [image]

הכנס טקסט מתחת לשם המשתמש

מפתח

DonkeyKongEnjoyer (DKE) 15 במאי,‏ 2024,‏ 11:46pm 6

Works perfectly, thank you!

נושא		תגובות	צפיות
How-to: Vertically align username in topics on mobile UX	1	683	21 במאי,‏ 2019
Some way to show the username in the Messages list? Product Support	4	1167	25 בינואר,‏ 2017
Adding text below avatar or next to username UX	4	2788	29 במרץ,‏ 2016
Display usernames on messages list Product Support	2	614	30 באוקטובר,‏ 2020
Show Profile Headline in the Posts Development	20	1172	17 באפריל,‏ 2023

הכנס טקסט מתחת לשם המשתמש

נושאים קשורים