Removing the new profile picture circle crop overlay
Don't like the new circle crop overlay on profile pictures? Load my simple user.js script to remove the specific new border-radius CSS rules +Google+ added.

#FiXatoBlog   #UserScript   #coding   #GPlusTips  
Google Plus added a circle crop overlay
and I quickly wrote a script to remove it again

+Google+ are reworking the profile pages for G+ accounts, and one of their changes is adding a circle overlay to profile pictures on top of the (new and bigger) cover images. Personally I don't really like that change, as it can ruin logos by cutting off letters for instance.

So, I had a closer look at the code, and noticed they achieved this by applying a CSS border-radius to the profile picture img element. This means this change can easily be undone (at least client-side) by applying some user.css or user.js 'magick' ;-)

So, without further ado, I present: http://fixato.org/code/userscripts/gplus-remove-profilepicture-border-radius.user.js - a user.js script which fixes this issue for me.
Basically it adds the following CSS rule on Google Plus pages:
img.Gw2Dlb, img.umj1F {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}


You can read http://superuser.com/questions/450893/how-to-install-a-private-user-script-in-chrome-21 (Chrome-specific) or http://wiki.greasespot.net/Cross-browser_userscripting to see how you can load this script in your browser.

#FiXatoBlog   #FiXato_Starred   #UserScript   #GooglePlusFeedback   #GooglePlusTips   #GPlusTips   #GPlusFeedback  
Shared publiclyView activity