Skip to content

Google News, biger articles biger images, screen zoom 130% by oren64

Screenshot of Google News, biger articles biger images, screen zoom 130%

Details

Authororen64

LicenseNo License

CategoryNews

Created

Updated

Size3.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

1)Dark mode, if you are not using dark mode, remove code with (dark mode)

2)change screen zoom 130%

3)Left to right languages only

news.google.com

Source code

/* ==UserStyle==
@name         Google News, biger articles biger images, screen zoom 130%
@version      20220402.10.57
@namespace    userstyles.world/user/oren64
@description  Google News with bigger articles section with bigger images, make it pleasant and easier to read.

It is not universal, and you might need to change the values, to fit to screen better.

 

@author       oren64
@license      No License
==/UserStyle== */

@-moz-document domain("news.google.com") {
/* <<<<<To fix the left and right columns clashing change those values >>>>>>*/ 
 /* mid card width */
.BL5WZb .Oc0wGc {
 min-width: 780px;
}
.tsldL.RELBvb>.HKt8rc {
 min-width: 780px;
}
/* right card padding */
.Xw9d0 {
 padding-left: 80px;
}
 /* right card width */
.BL5WZb.xP6mwf>.keNKEd,
.BL5WZb.xP6mwf .Oc0wGc>.keNKEd,
.BL5WZb.xP6mwf>.jM7erd>.keNKEd,
.BL5WZb.xP6mwf .Oc0wGc>.jM7erd>.keNKEd {
 min-width: 260px;
}
 /* ---------------------------------------------------------------------------- */
/*! covid card remove  */
.dm7YTc .YtXOzd {
display: none;
}
/*! Mid card image size  */
.NiLAwe .d7hoq {
 position:absolute;
 top:12px;
 right:12px;
 width:250px;
 height:236px;
}
.AZtY5d.MbMxpc .tvs3Id {
max-width:250px;
max-height:236px;
margin:auto;
}
 /*! Main title padding right from image and text size*/
.y6IFtc.nID9nc .Cc0Z5d,
.gAl5If:not(.p8W3Pb).nID9nc .Cc0Z5d {
 padding-right:0;
 margin-right: 270px;
}
.Cc0Z5d .ekueJc {
 font-size:1.3rem;
}
 /*! Sub artical text padding right from image */
.dIehj.xTewfe {
 padding:0.75rem 0rem 0 2rem;
}
.dIehj {
 margin-right:270px;
 width:auto
}
 /*! card min hight needed from bigger image */
.NiLAwe.nID9nc {
 min-height:260px;
}
 /*! left menu reduce width */
.SFOjKe-MV7yeb-QA0Szd {
 width: 200px;
}
.j8klob {
 margin-left: 80px;
}
 /*! move mid and right cards to the left */
.eCItwe .FVeGwb.ARbOBb.bWfURe,
.rrkuMc .FVeGwb.ARbOBb.bWfURe,
.eCItwe .FVeGwb.CVnAc.bWfURe,
.rrkuMc .FVeGwb.CVnAc.bWfURe {
 margin-left:200px;
}
 /*gaps; */
.BL5WZb {
 grid-gap:16px 16px;
}
 /* padding screen */
.FVeGwb {
 padding-top:16px;
 padding-bottom:32px;
 padding-left:16px;
 padding-right:16px;
}
 /* sport score, remove border and higher card */
.NiLAwe.yUlp0e .d7hoq {
 top:105px;
}
.khbwm.vPiEpe {
 border:none;
 min-height:11rem;
}
.r6PAZd {
 min-height:7rem;
 height:100%
}
.Z77f8c {
 border-bottom:0;
 margin:0 16px;
}
/* more articals button moved to the left */
.pn1wK {
 padding:0 600px 4px 16px;
}
/* youtube icon red*/
.N3ElHc {
 opacity:.5;
 color: red;
}
/* covid card remove border background-color (Dark mode)*/
.YtXOzd {
border: 0;
}
.dm7YTc .YtXOzd {
background-color: rgb(44, 47, 48);
}
/* artical remove border background-color (Dark mode)*/
.NiLAwe {
border: 0;
background-color: rgb(44, 47, 48);
}
/* weather remove border background-color (Dark mode)*/
.SXu5Cc {
border: 0;
background-color: rgb(44, 47, 48);
box-shadow: rgba(13, 13, 13, 0.5) 0px 1px 1px 1px;
}
/* extra buttons (Dark mode)*/
.dm7YTc .uUmIDd {
background-color: rgb(44, 47, 48);
background-image: none;
color: rgb(195, 190, 183);
}
/* mid cards shadow (Dark mode)*/
.NiLAwe {
 box-shadow: rgba(13, 13, 13, 0.5) 0px 2px 2px 2px;
}
/* right cards shadow (Dark mode)*/
.YDRMcc {
 box-shadow: rgba(13, 13, 13, 0.5) 0px 1px 1px 1px;
}

}

Reviews

No reviews yet.