Page 1 of 1

Sane fonts userstyle for Stylem, and a query

Posted: 2024-05-06, 02:10
by moonbat
I hate the gigantic fonts and acres of whitespace on most modern websites, and so have made a catch-all userstyle for use with Stylem. However I'm unable to get it to work with Takimag.com (sample link). Also, is there a way to fix sites where the content shows up as a column in the center (obviously designed for mobile phones in portrait mode only :coffee: ) so that it stretches horizontally?

Re: Sane fonts userstyle for Stylem, and a query

Posted: 2024-05-06, 07:42
by adoxa
Add !important seems to work.

Code: Select all

  html, body, div, p, #content {
    font-size: 14px !important;

Re: Sane fonts userstyle for Stylem, and a query

Posted: 2024-05-06, 08:30
by moonbat
Doesn't work for Takimag :thumbdown:

Re: Sane fonts userstyle for Stylem, and a query

Posted: 2024-05-06, 09:37
by adoxa
Attached is the "before" image (without your styles), then the "after" image (with your styles + !important; Basilisk, Stylish 2.0.7).

Re: Sane fonts userstyle for Stylem, and a query

Posted: 2024-05-06, 10:18
by suzyne
is the problem also related to all this empty space?

Image

Re: Sane fonts userstyle for Stylem, and a query

Posted: 2024-05-07, 00:29
by moonbat
adoxa wrote:
2024-05-06, 09:37
Attached is the "before" image (without your styles), then the "after" image (with your styles + !important; Basilisk, Stylish 2.0.7).
Did you add !important; to all the styles in the sheet? I tried it for the classes I found on the page that are applied to paragraph text:

Code: Select all

div[id="post"] {
		font-size: 14px; !important;
		line-height: 11pt;
	}
	section[class ="main-sec article"] {
		font-size:1.0rem; !important;
	}
suzyne wrote:
2024-05-06, 10:18
is the problem also related to all this empty space?
That too, I hate sites that waste horizontal space because they were only designed for portrait mode mobile screens, but I don't know enough CSS to fix it :(

Re: Sane fonts userstyle for Stylem, and a query

Posted: 2024-05-07, 01:12
by adoxa
moonbat wrote:
2024-05-07, 00:29
Did you add !important; to all the styles in the sheet?
No, just the first one.
Sane fonts.png
Sane fonts.png (10.61 KiB) Viewed 951 times

As for the horizontal space for this particular site:

Code: Select all

.col-md-8 {
  flex-basis: 80%;
  max-width: 80%;
}
(I found 100% too wide.)

Re: Sane fonts userstyle for Stylem, and a query

Posted: 2024-06-06, 20:02
by BobbyP
moonbat wrote: ... That too, I hate sites that waste horizontal space because they were only designed for portrait mode mobile screens ...
You might try HackTheWeb (HtW) for quick clean-up in these situations and many others. It is an abandoned update of the more ancient extension "Aardvark", and they have been indispensable for sane web-surfing here (along with blockers, and NoSquint) for many, many years. Just a few clicks cleans up much of this type of annoyance. Combine it with NoSquint!
HtW_InAction-NoSquint_fullpage_Cropped.png
Some pages can take a few tries to figure out what works, but it's quick to get the hang of it. It won't work on some sites/pages, and blocking may interfere with its operation occasionally too. Perhaps this is due to page construction/CSS/scripting, which is beyond me. In the past it could also export/save the cleanup to Stylish, which was great!

I believe that the latest version is 1.3.21 and is available via the Classic Add-Ons Archive, or I can upload it.

Just a thought, as it has enhanced surfing sanity multiple times a day for all these years, and "I wouldn't leave home without out it"... :) Of course, auto-magically would be even better.

Re: Sane fonts userstyle for Stylem, and a query

Posted: 2024-06-06, 23:43
by moonbat
Ah, I forgot about HtW. These tools tend to be hit and miss now on the modern framework bloated web that uses Javascript to generate everything. For that matter I have a work in progress fork of the old Platypus toolbar extension that could generate Greasemonkey scripts from whatever page editing one did!

Re: Sane fonts userstyle for Stylem, and a query

Posted: 2024-06-06, 23:59
by suzyne
Another way to approach this sort of problem, which works for a lot of sites (and is helpful for https://www.takimag.com/article/oh-the-indignity/) is to simply throwaway all the styles by using the Reader View add-on.

https://addons.palemoon.org/addon/readerview/

It either works well, or doesn't(!) and since I am not currently interested in spending time with more sophisticated ways of changing the styling of pages, is always worth a try when I am not happy with the readability of a site.

Re: Sane fonts userstyle for Stylem, and a query

Posted: 2024-06-07, 00:59
by moonbat
I already have reader view, but it's hit and miss on most sites. I'd prefer seeing a site with smaller fonts.

Re: Sane fonts userstyle for Stylem, and a query

Posted: 2024-06-11, 18:14
by BobbyP
moonbat wrote:
2024-06-06, 23:43
Ah, I forgot about HtW. These tools tend to be hit and miss now on the modern framework bloated web that uses Javascript to generate everything....
Yes, it is hit-or-miss, but at least here, in my surfing universe, it works far more than it fails, so far.

Any chance anyone would be up for getting HtW to once again be able to export user re-configured pages to Stylish, so that the site-specific clean-up would be retained and automatically applicable in future visits? That, along with NoSquint, would be great.

Your work-in-progress sounds very interesting, though Greasemonkey may unfortunately be beyond my abilities, unless of course it is automagically performed.

Remember RIP (Remove It Permanently)?'
Great suggestion to have on hand! Text-to-speech in PM even though it says not. So this is communicating when, what, and with whom?

Re: Sane fonts userstyle for Stylem, and a query

Posted: 2024-06-11, 22:57
by suzyne
BobbyP wrote:
2024-06-11, 18:14
Text-to-speech in PM even though it says not.
I have tried the Narrate icon on a few different sites, and it never works for me?

Image

Re: Sane fonts userstyle for Stylem, and a query

Posted: 2024-06-11, 23:18
by moonbat
BobbyP wrote:
2024-06-11, 18:14
unless of course it is automagically performed.
Yes, that's how the original extension worked. Make whatever edits you want to a page using the toolbar (change fonts/css, remove elements, expand/shrink elements etc) and save the result as a GM script.