#current-user-Navigationspunkt durch Text ersetzen

Entwickler
1

Hallo zusammen,

ich muss das Element #current-user (Profilbild) in der Navigation durch den Text „profile" ersetzen.
Was wäre der beste Ansatz dafür?

Ich habe versucht, Text vor #current-user a::before einzufügen
und die Anzeige des Profilbilds auf none zu setzen,
dadurch werden jedoch auch die Benachrichtigungen ausgeblendet.

Das gewünschte Ergebnis sieht ungefähr so aus:

27%20PM

Vielen Dank im Voraus.

2

I suppose you could create an image that contained the text “profile”. And just render that image instead of the avatar.

3

@blake, thanks for the response.
I am working on a new theme and I don’t think that would be optimal.
Do you think I could do it using the pluginAPI or a widget?

5

Hallo,

Das ist auch mit CSS möglich. :slightly_smiling_face:

Allgemein > CSS

li#current-user {
  a.icon {
    padding: 0.2143em 0.5em;
    border: 1px solid transparent;
    border-bottom: none;
    &:before {
      content: "Profil";
      font-weight: 600;
    }
    img.avatar {
      display: none;
    }
  }
}
// Richte das neue Benutzermenü aus
.desktop-view {
  .user-menu.revamped {
    right: 0.25em;
  }
}