Danke für die Info ![]()
Wenn du Prioritize username in UX aktiviert hast, werden Benutzernamen in jedem Beitrag angezeigt, wenn der Benutzername und der vollständige Name des Benutzers identisch sind.
Und du wirst feststecken, wenn du Benutzernamen nur mit CSS ausblenden möchtest, da du keine vorherigen Elemente ansprechen kannst.
Zum Beispiel hast du zwei Beiträge, die Folgendes haben:
-
Benutzername
- Beitragstext
-
Benutzername Vollständiger Name
- Beitragstext
Und du kannst Benutzernamen nicht nur für Benutzer ausblenden, die einen vollständigen Namen haben, der sich von ihrem Benutzernamen unterscheidet, da der Benutzername vor dem vollständigen Namen angezeigt wird.
Es ist ein wenig kompliziert zu erklären ![]()
Wenn du also eine reine CSS-Lösung möchtest, musst du Prioritize username in UX deaktivieren und das folgende CSS verwenden:
.names {
.full-name +.username {
display: none;
}
}
Was den Titel unter dem Namen betrifft, kannst du dieses aktualisierte CSS verwenden:
.topic-meta-data .names {
flex-wrap: wrap;
.user-title {
width: 100%;
order: 1;
}
}
Die order: 1; verhindert, dass das Status-Emoji des Benutzers neben dem Titel steht und es neben dem vollständigen Namen belässt:
Wenn ich all dieses CSS kombiniere, hier ist das Ergebnis.
Vorher:
.topic-meta-data .names {
flex-wrap: wrap;
.full-name +.username {
display: none;
}
.user-title {
width: 100%;
order: 1;
}
}
Nachher:

