Замена элемента навигации #current-user на текст

Разработка
1

Всем привет.

Мне нужно заменить элемент #current-user (аватар профиля) в навигации на текст «profile».
Какой будет лучший способ это сделать?

Я пробовал добавить текст к #current-user a::before

и установить display для фото профиля в none,

но это также скрывает уведомления.

Желаемый результат выглядит примерно так.

27%20PM

Заранее спасибо.

2

Допустим, можно создать изображение, содержащее текст «profile». И просто отображать это изображение вместо аватара.

3

@blake, спасибо за ответ.
Я работаю над новой темой и думаю, что это не будет оптимальным решением.
Как вы думаете, я мог бы сделать это с помощью PluginAPI или виджета?

5

Привет,

Это также можно сделать с помощью CSS. :slightly_smiling_face:

Общие > 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;
    }
  }
}
// Выравнивание нового меню пользователя
.desktop-view {
  .user-menu.revamped {
    right: 0.25em;
  }
}