I want to add Profile Headline field below the full name, tried finding the way but there isn’t a way [image] Apart from this there is bug/ problem as in I had enable_name to true in the post and hide the usernames from the post by adding some css rules in the Customize > Theme > Edit CSS/ HTML. //Hides the username from the Post page .names .username { display: none!important; } These settings was working fine but full names also being hidden out for some of the users [image] Kindly help me out to fix these settings.

The important information, which you omitted in your topic, is that the “profile headline” isn’t simply a title, but a user custom field, which is not a default Discourse attribute. Edit: I removed most of my post since it may have been misleading, but I let this link since it’s related: [image] How to display data beneath the user's avatar? Development In order to store the custom data on Discourse, I went to Admin > Customize > User Fields and created a custom field. The data I need is a percentile representing progress and I chose “text” as the field type. The field’s name is only displayed on the user’s card and profile and is sadly not used to reference the field data programatically. The field storing the progress was the 3rd custom field I created and thus “3” becomes a very important number. Using the API, I wrote a curl script (with …

The above css code is not hiding the usernames of the users. I am talking about this headline [image]

[image] Kushal Ghosh: The above css code is not hiding the usernames of the users. Hence my “depending on your website’s settings”, but that’s on me, I should have started with the default settings, with which the following CSS should work: .names .first.username { display: none; } As for the headline below the full name, try this: .topic-meta-data .names { flex-wrap: wrap; .user-title { width: 100%; } } [image] Be aware that there may be unintended side effects (as often when we do CSS changes of elements that contain multiple children).

CSS settings are working perfectly fine, but I feel issues are different as for some users both username and full name is visible in the post categories whereas for few users only username is visible (from the database only the usernames is getting fetched - checked it via page source). Apart from this Profile headline css code is perfect but how to fetch the details from the database as in it is not getting fetched from the database so there is no question to making it visible. Kindly help me out with this

I was a bit fast on this CSS and didn’t check for accounts without full names, so my CSS suggestion is flawed. Can you provide me the following settings values of your site? full name required prioritize username in ux

Full name field is mandatory field since we had started and for the second point i need bit more clarification.

[image] Kushal Ghosh: for the second point i need bit more clarification. It’s this setting: [image] :slight_smile:

To clarify more all the accounts have both full names and username(verified by visiting their profiles). It’s just that in posts pages full names of few accounts is not getting fetched. How to add profile header after full name?

both the settings is enabled [image]

Thanks for the info :slight_smile: If you have prioritize username in ux enabled then usernames will be shown on each post if the user’s username and full name are the same. And you’ll be stuck if you want to hide usernames with CSS only because you can’t target previous elements. For example, you’ll have two posts that have: username post content username full-name post content And you won’t be able to hide usernames only for users that have a full name different from their username, because the username is displayed before the full name. It’s a bit complicated to explain :sweat_smile: So you want a CSS-only solution, you’d need to disable prioritize username in ux and use the following CSS: .names { .full-name +.username { display: none; } } As for the title below the name, you can use this updated CSS .topic-meta-data .names { flex-wrap: wrap; .user-title { width: 100%; order: 1; } } The order: 1; prevents the users’ status emoji from being next to the title and keep it next to the full name: If I combine all this CSS, here’s the result. Before: [image] .topic-meta-data .names { flex-wrap: wrap; .full-name +.username { display: none; } .user-title { width: 100%; order: 1; } } After: [image]

Show Profile Headline in the Posts

Development

Kushalghosh9899 (Kushal Ghosh) March 13, 2023, 11:35am 10

Yes this setting is enabled

Topic		Replies	Views
Why only some replies show fullname while others not? Product Support	7	913	June 21, 2022
Display FullName instead of UserName in the Profile SSO	13	1907	August 4, 2022
Full Name of user not shown in posts Product Support	7	1092	September 2, 2019
Full names not shown on posts Product Support	8	2643	November 7, 2020
Full name is not visible for few users Product Support	2	702	March 14, 2023

Show Profile Headline in the Posts

Related topics