:xpath(//main/div):style(min-width: 80% !important)
(I've been looking at going a step further for some sites, by annotating a "column-count:" [0] rule and making the screen look like a newspaper. (Narrow columns for readability—multiple columns for "scan-ability"). Unfortunately, there's a lot more fiddling and tuning to this than I expected: it doesn't automagically work in the way you'd hope. Modern website DOM layouts are basically Superfund sites).[0] https://developer.mozilla.org/en-US/docs/Web/CSS/column-coun...
[late edit]: Here's a minimal example of "column-count:" injected by uBlock (on a website where it sort-of works)—this is what I'm trying to coerce other websites into looking like:
https://i.ibb.co/k3bRwhP/example-1.webp
theguardian.com###maincontent:style(margin-left: -28vw !important; min-width: 90vw !important; column-count: 4 !important)
theguardian.com##div:style(border: none !important)(I really like the column idea, and I'm working back towards RSS, with a bunch of smart filters, being my primary way of interacting with anything I visit regularly. I never should have given it up).
But often just switching to Reader Mode is the faster and preferable option.
(This isn't always an option, but frequently is.)
is that the one with a bunch of spyware on it? or is that the one that replaced the one with a bunch of spyware on it
@-moz-document url-prefix(about:reader) {
.container {
column-count: 4;
min-width: 85vw !important;
margin: 0 50px 0 50px;
}
}
https://i.ibb.co/7XT4zfs/example-2.webpIt's chrome/userContent.css in the Firefox profile subdirectory, enabled by the about:config flag toolkit.legacyUserProfileCustomizations.stylesheets.
The name similarity means I keep getting them confused. Including repeatedly on HN comments.
And yes, I do know the difference: <>>36859978 >