XF 2.0 how can I remove avatars altogether?

[MIT]

Working on a new XF2 installation, I'm trying to customize appearance to match the very clean/lean design I've achieved in a different system (MyBB).

After reading XF docs and trying every configuration option I can try and attempting to hack around with template/style tweaks, I'm still stuck not being able to cleanly eliminate all avatars from all layouts. Don't need 'em, don't want 'em.

Is there any good way to do this?

Thanks

 

[S Thomas]

Depends on what "cleanly" means for you. If you want them to disappear completely from templates, you'd probably look for the <xf:avatar> tag and remove that from every template. If you just want to quickly hide them, see here: https://xenforo.com/community/threads/manually-remove-avatars.144686/#post-1234697

 

[MIT]

... If you just want to quickly hide them, see here: https://xenforo.com/community/threads/manually-remove-avatars.144686/#post-1234697

Read that thread, went to my style, typed "extra" in search box, got extra.less, then inserted:

.avatar {
    display: none !important
}

.message-avatar-online {
    display: none !important;
}

Perfect.

Thanks for the support!

 

[MIT]

Unfortunately, this created another problem: the user account icon just to the left of the inbox has disappeared in mobile views. :-(

 

[S Thomas]

You mean the avatar in conversations?

 

[MIT]

You mean the avatar in conversations?

I mean the avatar is missing from any forum or any page when it's in mobile (responsive) mode... but not, however, missing from a container (where a letter is the "avatar"). And, in full-screen display mode (24" monitor), the user account is represented by the username in letters. (This disappears when the screen size is shrunk.)

 

[S Thomas]

I have sadly no clue what you're talking about. Maybe some screenshots could help.

 

[MIT]

Desktop view - username/account ("Newbie") is displayed as text:




Mobile view: username/account has disappeared, only visible when the invisible region is clicked by someone who knows they have to click in that spot:



Bottom line: when removing avatars via display:none, there's no problem in the desktop view, but in the mobile view, the user's account is no longer visible. It should be visible as text.

 

[S Thomas]

Gotcha.

@media (max-width: @xf-responsiveWide) {
    .p-navgroup-link.p-navgroup-link--iconic.p-navgroup-link--user::before {
        content: "Profile";
    }
}

You can change the content property for another image, FA icon, text, ... whatever you want.

 

[MIT]

Gotcha.

@media (max-width: @xf-responsiveWide) {
    .p-navgroup-link.p-navgroup-link--iconic.p-navgroup-link--user::before {
        content: "Profile";
    }
}

Added this to extra.css ... all good. Thanks again!