How to browse MacRumors with normal square avatars again!

redheeler

macrumors 604
Original poster
Oct 17, 2014
7,663
7,509
Against a majority vote, MacRumors Forums has switched to using circular avatars.

See this thread, where you can view comparisons of both and cast your vote: Circles vs Squares: The Most Pressing Migration Concern

However, there is a simple fix to browse the forums with normal square avatars.

1. Copy and save the following code using a plain text editor into a file with a .css file extension:
Code:
.avatar img, .avatar .img, .avatarCropper{
    border-radius: 2px !important;
}
2. Add it to your user stylesheet.

Safari: Preferences > Advanced > Style sheet. Click on the dropdown menu, select Other, and open your .css file. You may need to restart Safari.

Firefox: Here's how.


Square Avatar FAQ


The circles look ok, why should I switch back to square avatars?

Here are some of the advantages regular square avatars have over circular ones:
  • More usable/viewable space for avatars.
  • Less empty space around the avatar.
  • Better compatibility with many avatars.
  • Matches the rest of the forum a bit better.
Does this fix work on mobile devices, such as those running iOS?

Unfortunately, no. Most mobile devices don't offer the ability to assign a user stylesheet.

Will this fix affect avatars on sites outside of MacRumors?

When added to a user stylesheet, it might affect a few other sites besides MacRumors, particularly other Xenforo-based forums. However, this has the added benefit of consistent square avatars on those sites as well.

Will this fix affect how other people see my avatar?

No. You should still make sure it looks ok when circular.
 
Last edited:

eyoungren

macrumors Core
Aug 31, 2011
22,553
15,441
ten-zero-eleven-zero-zero by zero-two
For those of us in Firefox/TenFourFox using Stylish…

1. Create a new style (named whatever you want).

2.
Code:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("forums.macrumors.com"){
 
.avatar img, .avatar .img, .avatarCropper{
   border-radius: 2px !important;
}
}
3. Save and done!
 

chrfr

macrumors G4
Jul 11, 2009
10,002
3,763
In the Preferences there's an option to hide signatures which I always have enabled. 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.
 
  • Like
Reactions: grahamperrin

Raid

macrumors 68020
Feb 18, 2003
2,153
4,587
Toronto
Well this would solve one issue (other than Don't panic's solution) ... I see what you did there Mister!

This change has let me play around with mine, but I did find out another distressing trait of the new 'tars ... NO ANIMATION :(:mad::(. #firstworldproblems
 

redheeler

macrumors 604
Original poster
Oct 17, 2014
7,663
7,509
and, done ;)



now i need a way to reimplement animated ones
It's possible. I've been working on a simple script which makes avatars optimized for Retina on forum threads by pulling the large one shown on the user's profile, and it has the added effect of bringing animated GIFs back if it was uploaded as such after the migration.
 
  • Like
Reactions: Don't panic

redheeler

macrumors 604
Original poster
Oct 17, 2014
7,663
7,509
There's been a swing in popularity throughout the first day for the circular vote. They could even take the lead as members get used to the new forum. :p
I kind of figured it would happen post-migration. I have updated the phrasing in my post above.

@redheeler my main devices are an iPad Air 2 and iPhone 6. How do we go about applying your code for square avatars on iOS devices?
As far as I now iOS devices don't support adding a user stylesheet. I have added an FAQ in my OP to answer this question.
 

redheeler

macrumors 604
Original poster
Oct 17, 2014
7,663
7,509
Wow, someone already figured this out?? Thanks! By the way, does this slow down page loading at all?
It shouldn't slow down page loading at all. The browser simply applies the code and it overrides the webpage-defined style for the avatars.
 

talmy

macrumors 601
Oct 26, 2009
4,715
276
Oregon
Looks great! Thanks!

Now if there were only a way to get square avatars back in the Contacts and Mail apps. :)
How_to_browse_MacRumors_with_normal_square_avatars_again____MacRumors_Forums.png
 

AlecZ

macrumors 65816
Sep 11, 2014
1,173
122
Berkeley, CA
This wouldn't be so bad if there weren't a stroke on the circle. I decided to just leave it as a circle because everyone is making their avatars work for that. :( EDIT: That smiley also looks much sadder than I actually am. Sorry for the hyperbole.
 
Last edited:

redheeler

macrumors 604
Original poster
Oct 17, 2014
7,663
7,509
This wouldn't be so bad if there weren't a stroke on the circle. I decided to just leave it as a circle because everyone is making their avatars work for that. :(
It's unfortunate, I know. I have two croppings of my avatar, one that looks better in circles and one that looks better in squares. I have uploaded the square version for the time being, but the truth is that most people on MR still see the circles :(

You might have to edit it again, it's currently a tie. :)
Not quite, sorry! :)
 
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.