#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

Ich schätze, man könnte ein Bild erstellen, das den Text „profile

3

@blake, danke für die Antwort.
Ich arbeite an einem neuen Theme und ich denke, das wäre nicht optimal.
Glaubst du, ich könnte das mit der Plugin-API oder einem Widget umsetzen?

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;
  }
}