Tweak Google Reader sidebar

If you tried last week’s tip for adding the iPhone version of Google Reader as a Firefox sidebar, you probably quickly noticed that it’s not perfect: an ugly blue border around the Google logo and too large item titles may discourage you from using as your default reader.

The How-to Geek has a nice post on how to further customize the Google Reader sidebar hiding the Google logo and excerpts and setting the titles’ font size to something more convenient.

You will need to edit your userContent.css file adding these lines:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://www.google.com/reader/i) {
.logo {display:none !important;}
* {font-size:0.97em !important; }
span.item-snippet {display:none !important;}
span.item-source-title{font-size:0.9em !important}
}

A better suited and better looking Firefox sidebar.