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

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

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