Sostituire l'elemento di navigazione #current-user con il testo

Sviluppatore
1

Ciao a tutti.

Devo sostituire l’elemento #current-user (immagine del profilo) nella navigazione con il testo “profilo”.
Qual è il miglior approccio per farlo?

Ho provato ad aggiungere del testo a #current-user a::before

e a impostare il display della foto del profilo su none,

ma questo avrebbe nascosto anche le notifiche.

Il risultato desiderato è qualcosa del genere.

27%20PM

Grazie in anticipo.

2

Immagino che potresti creare un’immagine che contenga il testo “profile”. E semplicemente visualizzare quell’immagine invece dell’avatar.

3

@blake, grazie per la risposta.
Sto lavorando a un nuovo tema e non credo che sarebbe ottimale.
Pensi che potrei farlo usando la pluginAPI o un widget?

5

Ciao,

Questo è anche possibile con CSS. :slightly_smiling_face:

Comune > CSS

li#current-user {
  a.icon {
    padding: 0.2143em 0.5em;
    border: 1px solid transparent;
    border-bottom: none;
    &:before {
      content: "profilo";
      font-weight: 600;
    }
    img.avatar {
      display: none;
    }
  }
}
// Allinea il nuovo menu utente
.desktop-view {
  .user-menu.revamped {
    right: 0.25em;
  }
}