https://github.com/adeelh/goodreads-custom-js-css

Custom JS and CSS for the Goodreads desktop website
https://github.com/adeelh/goodreads-custom-js-css

custom-css custom-js goodreads

Last synced: 2 months ago
JSON representation

Custom JS and CSS for the Goodreads desktop website

• Host: GitHub
• URL: https://github.com/adeelh/goodreads-custom-js-css
• Owner: AdeelH
• License: mit
• Created: 2023-06-03T17:12:39.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-12-31T19:17:44.000Z (5 months ago)
• Last Synced: 2025-01-30T14:34:45.315Z (4 months ago)
• Topics: custom-css, custom-js, goodreads
• Language: JavaScript
• Homepage:
• Size: 345 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
The main goal of this custom JS and CSS is to increase the content-density of the Goodreads homepage and reduce excessive whitespace.

![Goodreads customizations screenshot](img/demo.png)

# What this does

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](https://chrome.google.com/webstore/detail/user-javascript-and-css/nbhcbdghjpllgmfilhnhkllmkecfmpld) (or equivalent).

2. Save the custom JS and CSS code as a new rule using the extension. Make sure to enable "Run at the start" as shown in the screenshot below.