Give Google Docs more screen real estate
February 9th, 2009
I use Google Docs quite extensively. On my laptop I like to eak out every bit of screen real estate I can, so I thought about how I could make my Google Docs experience a little more pleasing by removing stuff that’s not needed, such as the Google logo (which frees up about 25 pixels.) Using Firefox it is very simple to remove unneeded elements.
Here is the original
Google Docs with the logo Visible
Here is Google Docs with the logo removed:
Google Docs with the logo removed. It frees up about 25 pixels.
To do this I simply added one line to my Firefox userContent.css file. Here is where to find the Firefox profile folder. The userContent.css file is located in xxxxxxxx.default/chrome/userContent.css. Add this line of css to the file and restart Firefox.
#logo-section {display:none;}
It’s not much, but every pixel helps 
7 Responses to “Give Google Docs more screen real estate”
Leave a Reply
February 9th, 2009 at 6:34 am
I’m a fan of buzzword personally (http://www.adobe.com/acom/buzzword/). They have really nice fullscreen there.
February 9th, 2009 at 9:49 am
Does buzzword offer offline access? I used it once and was very impressed, just have not invested much time into giving it a serious go.
February 9th, 2009 at 11:34 am
Thanks for that. Would you know how to do the same thing in gmail?
February 9th, 2009 at 5:51 pm
Unfortunately I cannot get this to work with Gmail—its div/class structure is a bit more random. I can make the entire logo & search bar disappear but search is to valuable to hide. I can also make the logo disappear but it does not move the content up as it does for Docs, so it does not save any space, which is the goal.
February 11th, 2009 at 8:51 am
i messed around for a while and got this much…
.IY0d9c {height: 44px;}
.zYsCRb {height: 44px !important;}
the way this is now, the “compose mail” is really close the the gmail logo. most of my time was trying to fix that. I couldn’t figure out how to get a top margin without affecting every item on that sidebar with the same margin.
i’m not very good with css, but the firebug plugin for FF makes things a lot easier.
February 11th, 2009 at 8:56 am
The downside of this approach is that it hides all #logo-section elements across all of the internet.
A more correct solution is to use Greasemonkey.
https://addons.mozilla.org/en-US/firefox/addon/748
The creation of simple greasemonkey scripts of this kind is simplified by Platypus.
https://addons.mozilla.org/en-US/firefox/addon/737
February 11th, 2009 at 9:33 am
[...] post over at Ubuntu Productivity got me excited about editing the user-content.css file for firefox so I can save screen space by [...]