Resolved Hiding/suppressing/not showing avatars (variations from the MacRumors-provided stylesheet)

[grahamperrin]

To @ShinyDren @redheeler and/or to anyone with knowledge of stylesheet adaptations …

In at least two views –

1. topic/discussion/thread
2. search results

– I prefer to never see avatars.

Please, can either of both of those views be realised with a user stylesheet?

 

[redheeler]

Let me see if I can throw something together for you...

Edit: Here is the finished code.

/*hide avatars*/
.avatar img, .avatar .img, .avatarCropper{
    display: none !important;
}
/*remove avatar space on thread lists*/
.listBlock.posterAvatar, .discussionList .sectionHeaders dt.posterAvatar{
    display: none !important;
}
.discussionListItem .lastPostInfo dd, .discussionListItem .lastPostInfo dt{
    margin-right: 0 !important;
}
.discussionListItem .lastPost, .discussionList .sectionHeaders dd.lastPost{
    width: 152px !important;
}
/*remove avatar space on search results*/
.search_results .sectionMain .searchResult{
    padding: 0 10px 0 0;
}
.search_results .searchResult .main{
    border-left: none !important;
}
/*remove avatar space elsewhere*/
.navPopup .listItemText, .xenOverlay.memberCard .userInfo, .previewTooltip .text, .searchResult .main, .event .content, .messageSimple .messageInfo, .memberListItem .member, .alerts .alertText, .lightBox .userText{
    margin-left: 0 !important;
}
span.avatar, .sidebar .visitorPanel .avatar{
    display: none !important;
}
/*display following and followers on profiles as usernames*/
.avatarHeap .avatar .img{
    display: table-cell !important;
    background-color: transparent !important;
    background-image: none !important;
    text-indent: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
/*fix position of the profile page link in the user menu*/
#AccountMenu .menuHeader .links .fl{
    left: 180px !important;
}
/*override for setting an avatar in the user cp*/
.avatarEditor .avatar .img, .AvatarEditor .avatar img, .AvatarEditor .avatarCropper{
    display: block !important;
}

 

[ShinyDren]

redheeler's method is better (it fixes the now empty extra spacing) than the quick and dirty version I had.

My method was just:

a.avatar {
    display: none !important; /* do not display avatars */
}

Which just hides them anywhere they are displayed as a link, which is almost everywhere.

 

[redheeler]

redheeler's method is better (it fixes the now empty extra spacing) than the quick and dirty version I had.

My method was just:

a.avatar {
    display: none !important; /* do not display avatars */
}

Which just hides them anywhere they are displayed as a link, which is almost everywhere.

I thought about simply posting a modified version of my circular avatar fix, but saw a lot of gaps that needed to be closed up.

I probably won't be browsing the forums with avatars hidden (avatars help make users more recognizable and add more color to the forum), but I'm glad I could leave this fix here for anyone who wants to

 

[C DM]

Hopefully an actual option for this will be added to the forums.

 

[grahamperrin]

Before …

… Maybe there could be an option to hide avatars?

I'm using Adblock to hide avatars. They're just too big and have far too much white space around them.

 

[grahamperrin]

After …




– that's so much better.

A major step towards encouraging more natural focus on content; less focus on the authors.

Thanks everyone!

 

[redheeler]

Updated my post above to fix a couple minor spacing issues that I missed. Happy to help @grahamperrin

 

[redheeler]

Here is a companion userscript to fix an issue with no members displaying in some areas, such as "Birthdays" and "People You Follow". It will display them as usernames separated by commas. Unfortunately this issue can't be fixed with CSS unless those areas are made an exception to the avatar-hiding rule.

// ==UserScript==
// @name         Hide All Avatars Companion Userscript
// @version      0.2
// @author       redheeler
// @match        https://forums.macrumors.com/*
// @grant        none
// ==/UserScript==

function avatarsToUserNames(){
    var profileLinks = document.getElementsByClassName('_plainImage');
    if(typeof profileLinks[0] == 'undefined'){return;}
    for(var i=0; i<profileLinks.length; i++){
        var profileLink = profileLinks[i];
        var listItem = profileLink.parentNode;
        var avatar = profileLink.getElementsByTagName('img')[0];
        profileLink.innerHTML = avatar.alt;
        if(typeof listItem.parentNode.getElementsByTagName('li')[i+1] !== 'undefined'){
            var comma = document.createElement('span');
            comma.innerHTML = ',';
            listItem.innerHTML = '';
            listItem.appendChild(profileLink);
            listItem.appendChild(comma);
        }
    }
}

avatarsToUserNames();