Jj's web stream

Squeeze more readable space out of Google Reader's new layout

I am not happy with the removal of Google Reader social features. I really enjoyed discovering new feeds following people.

Anyway, I don't mind the new look but it leaves too little readable space. A couple of years ago I blogged about how to use Firefox's userContent.css to optimize the layout.

Here's how the new layout looks at the moment:

Screenshot of Google Chrome with Google Reader

Here's what it will look like (Notice the vertical space in the reader area):

Firefox screenshot of Google Reader ew layout

This is what you need to add to your userContent.css file.

@-moz-document url-prefix(http://www.google.com/reader/) {
    #top-bar {
    display: none;
/* For some reason I had to take this out of @-moz-document */
body.gecko #lhn-add-subscription-section, body.gecko #viewer-header {
height: 40px !important;

Switching to full screen F plus Sift + U sort of does the trick as well, but I don't like having the whole screen's width to read as lines become too long.


Azri Rashid: thanks

Azri Rashid: