Adding text below avatar or next to username

Contribute UX
5

You can add text below avatars pretty easily, at least (no plugin outlet required). There’s an empty div poster-avatar-extra right underneath avatars, just use that with some CSS.

e.g.

.poster-avatar-extra {
    display: inherit;
}

.poster-avatar-extra:after {
     content: "LOL";
}

The first bit is because the poster-avatar-extra div has display: none by default. Just style it up with some more CSS and you’re good to go. :slight_smile:

Oh, I’ll go ahead and put this here as well. If you want to use groups to decide what text goes under the avatar (wrapping the above in .group-GroupName{}, needs to be user’s primary group to show up), you’ll want to toss this in as well (or something else to handle the issue):

.embedded-posts {
    .poster-avatar-extra:after {
        content: none !important;
    }
}

The embedded posts’ poster-avatar-extra (from the reply indicator expansion) has the same group membership as the main post, which means the text below the avatars will be applied incorrectly if you’re doing it by group. Only caveat I can think of off the top of my head, though.

3 „Gefällt mir“