/goodreads-custom-js-css

Custom JS and CSS for the Goodreads desktop website

Primary LanguageJavaScriptMIT LicenseMIT

Goodreads customizations screenshot

What this does

The main goal is to increase the content-density of the homepage and reduce excessive whitespace.

  1. Groups all wants-to-read updates into ONE post per person. These per-person posts update automatically as you scroll down and more posts are loaded.
  2. Makes news-feed items smaller by hiding the comment bar and like and comment buttons. These show up only on mouse hover.
  3. Makes content-columns on the homepage wider.
  4. Hides site announcements in the right sidebar.
  5. Adjusts various font and image sizes.
  6. Adjusts background colors slightly.

Usage

  1. Install the User JavaScript and CSS Chrome extension (or equivalent).
  2. Save the custom JS and CSS code as a new rule using the extension. Make sure to enable JQuery injection. image