Substituindo o item de navegação #current-user por texto

Dev
1

Olá a todos.

Preciso substituir o item #current-user (foto de perfil) na navegação pelo texto “profile”.
Qual seria a melhor abordagem para fazer isso?

Tentei adicionar texto ao #current-user a::before
e definir o display da foto de perfil como none,

mas isso também ocultaria as notificações.

O resultado desejado é algo assim.

27%20PM

Obrigado antecipadamente.

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

Olá,

Isso também é possível com CSS. :slightly_smiling_face:

Comum > CSS

li#current-user {
  a.icon {
    padding: 0.2143em 0.5em;
    border: 1px solid transparent;
    border-bottom: none;
    &:before {
      content: "profile";
      font-weight: 600;
    }
    img.avatar {
      display: none;
    }
  }
}
// Alinha o novo menu do usuário
.desktop-view {
  .user-menu.revamped {
    right: 0.25em;
  }
}