Remplacement de l'élément de navigation #current-user par du texte

Dev
1

Bonjour à tous.

Je dois remplacer l’élément #current-user (photo de profil) dans la navigation par le texte « profil ».
Quelle serait la meilleure approche pour y parvenir ?

J’ai essayé d’ajouter du texte à #current-user a::before

et de définir l’affichage de la photo de profil sur none,

mais cela masquerait également les notifications.

Le résultat souhaité ressemble à ceci.

27%20PM

Merci d’avance.

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

Bonjour,

C’est également possible avec CSS. :slightly_smiling_face:

Commun > 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;
    }
  }
}
// Aligner le nouveau menu utilisateur
.desktop-view {
  .user-menu.revamped {
    right: 0.25em;
  }
}