Skip to content

Instantly share code, notes, and snippets.

@adamschwartz

adamschwartz/pre-2020-google-search-results.css

Last active February 6, 2023 21:57
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save adamschwartz/95f8a5090279251384d9bbd310d4f8ad to your computer and use it in GitHub Desktop.
Save adamschwartz/95f8a5090279251384d9bbd310d4f8ad to your computer and use it in GitHub Desktop.
Download ZIP
Stylesheet for pre-2020 Google Search results page styles
Raw
pre-2020-google-search-results.css
/* Version 3. Updated Sep 5, 2022 */
#search a:has(>br):has(>h3):has(>div) br {
display: none;
}
#search a:has(>br):has(>h3):has(>div) h3 {
display: block;
}
#search a:has(>br):has(>h3):has(>div) div:last-child {
position: relative;
}
#search a:has(>br):has(>h3):has(>div) + div {
top: 2.6em;
}
#search .iTPLzd {
padding-left: 0px !important;
}
@adamschwartz
Copy link
Author

adamschwartz commented Jan 19, 2020 •
edited

Pre-2020 Google Search results page style

Remove the favicons from Google Search and also re-order the <h3/> above the <cite/>.

How to use

  1. Install Style Google Chrome extension (or equivalent).

  2. Copy the raw CSS from above.

  3. Navigate to a Google Search result page.

  4. Open the Style chrome extension textarea by invoking the ⌃+m (Control M) shortcut.

  5. Finally, paste in the CSS, and voilà.

Before and after

image

Related

“It’s not just you: Google added annoying icons to search on desktop” — The Verge (theverge.com)

@adamschwartz
Copy link
Author

Link for sharing: https://tinyurl.com/fix-google-search-results-css

@artik
Copy link

artik commented Jan 21, 2020 •
edited

Thanks a lot for this really usefull fix! What a visual regression from Google. I have a little bug with the "translate this page" link:
https://i.imgur.com/lQHZUlW.png

@adamschwartz
Copy link
Author

@artik Thanks! And thx for the bug report. I just updated it to (hopefully) support the "Translate this page" dropdown.

@artik
Copy link

artik commented Jan 22, 2020

Great! fixed, thanks ;) https://i.imgur.com/UJueKuh.png

@fellerts
Copy link

Awesome fix, I've been rocking this for a while. It was working flawlessly until today, and I'm not sure what happened: https://imgur.com/a/pZ8ggdc

@artik
Copy link

artik commented Feb 14, 2020 •
edited

Thanks @fellerts for the report. Here is the quick fix, add at the end:

#search .r > a[ping] > div {
    position: relative;
}

@fellerts
Copy link

Perfect @artik, that did the trick.

@adamschwartz
Copy link
Author

@artik Updated, thanks.

@adamschwartz
Copy link
Author

Updated today with new styles.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment