Skip to content

New Google News Bigger Images And Autohide the Search Bar menu by oren64

Screenshot of New Google News Bigger Images And Autohide the Search Bar menu

Details

Authororen64

LicenseNo License

CategoryNews

Created

Updated

Size1.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

  1. Bigger article images

  2. When you hover with your mouse cursor, the top search menu will expand.

Notes

Big Update 22/10/2022: Google changed again the UI, I made it more user friendly
23/10/2022: fix images in home screen

27/10/2022:fix top menu autohide, move the screen up

Source code

/* ==UserStyle==
@name         New Google News Bigger Images And Autohide the Search Bar menu 
@version      20221027.07.09
@namespace    userstyles.world/user/oren64
@description  1) Bigger article images

2) When you hover with your mouse cursor, the top search menu will expand.
@author       oren64
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://news.google.com/") {
.IFHyqb.DeXSAc .Quavad,
.IFHyqb.DeXSAc .K0q4G {
 width:268px !important;
 height:150px !important;
}
.WSA48b {
color: red;
}
#gb:not(:hover) {
margin-top: -70px;
transition:400ms;
transition-delay: 2000ms;
}
#gb:hover {
margin-top: 0px;
transition:200ms;
transition-delay: 2000ms;
}
/*
div.EctEBd:nth-child(7),
div.EctEBd:nth-child(1) { order: -1 }

div.EctEBd:nth-child(8),
div.EctEBd:nth-child(10),
div.EctEBd:nth-child(11){ order:1 }
*/
.IBr9hb .P22Vib {
order: 1;
}
.f9uzM {
 margin-top:0;
 border-left: 1px solid rgba(100,100,100,0.5);
 margin-left: 4px;
 padding-left: 10px;
}
.UOVeFe {
 margin-top:4px;
 margin-bottom: 6px;
}
.IBr9hb {
 width:380px;
}
img[style*="width: 280px"]{
width: 300px !important;
height: 180px !important;
}
.T4LgNb {
 margin-top: -50px;
}

}

Reviews

No reviews yet.