Show Profile Headline in the Posts

Dev
12

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:

  1. username

    • post content

  2. 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

3 Likes