cl76 / Restore Google News Layout ca. 6/2010 in 2017


Version: 1.0.5+0d5e9c7 updated

Summary: Restore Google News Layout ca. 6/2010 in 2017


Copyright: 2017, cl76 (

License: MIT

Google News Layout .

  • 2017-12-09 (1.0.5): Matched the CSS classes Google changed to fix width and initial left-side menu hiding.
  • 2017-09-24 (1.0.4): Brought back "Top Stories" section and figured out how to auto-collapse the first article and left-side menu on-load.
  • 2017-09-24 (1.0.3): Un-did the hiding of the fourth article card, I originally reacted to the number of articles displayed in the "Top Stories" section. Each section now displays the first four articles as Google intended. Next update (1.0.4) will bring back the "Top Stories" section because I noticed I was missing some important news articles not listed in "World" or "U.S."
  • 2017-07-12 (1.0.2): Added two-column views to News sub-sections (World, U.S., Technology, etc.).
  • 2017-07-08 (1.0.1, 1.0.0): Shrank thumbnail sizes, replaced "RELATED COVERAGE" heading with a border.

  1. Brought back two-column format.
  2. Reduced article cards for each section back down to three.
  3. Hid "Top Stories" section. I didn't like how the first news story in "Top Stories" section was expanded by default and took up significant vertical space. I don't know enough JS to close it so I just used CSS to hide the entire "Top Stories" section. Not desirable but I actually don't miss "Top Stories" since it was mostly a repeat of World + US News topics.
  4. Hid useless right column.
  5. Got rid of text color change on card hover. Also got rid of enhanced box-shadow effect on card hover.
  6. Image containers set to 1:1 ratio for better vertical rhythm. (Ideally would like each card to be the same height when collapsed. I might find a better solution when I have time.)

Rating: 0