Reemplazando el elemento de navegación #current-user con texto

Desarrollador
1

Hola a todos.

Necesito reemplazar el elemento #current-user (imagen de perfil) en la navegación con el texto “perfil”.
¿Cuál sería la mejor manera de hacerlo?

He intentado agregar texto a #current-user a::before

y establecer el display de la foto de perfil en none,

pero eso también ocultaría las notificaciones.

El resultado deseado es algo como esto.

27%20PM

Gracias de antemano.

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

Hola,

Esto también es posible con CSS. :slightly_smiling_face:

Común > CSS

li#current-user {
  a.icon {
    padding: 0.2143em 0.5em;
    border: 1px solid transparent;
    border-bottom: none;
    &:before {
      content: "perfil";
      font-weight: 600;
    }
    img.avatar {
      display: none;
    }
  }
}
// Alinear el nuevo menú de usuario
.desktop-view {
  .user-menu.revamped {
    right: 0.25em;
  }
}