Stylesheet for pre-2020 Google Search results page styles

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;
}

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

Related

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

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

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

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

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

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

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

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

Perfect @artik, that did the trick.

@artik Updated, thanks.

Updated today with new styles.