This is an expanded version of what I previously posted in the Mod Browsing Overhaul Discussion thread. That thread is too noisy for me to follow, so sorry if I ignored any pings.
Yo dawg, I heard you like mods so I put a mod in your modding website so you can mod while you mod
My intention is to help anyone who wants to take control of their browsing experience, which is what the World Wide Web is supposed to empower us to do. It's not meant to be a dumb viewing experience like TV where you can only consume exactly what the broadcaster sends down the line.
Below are 2 ways to modify how web pages are displayed on your machine, with example code that fixes some of the glaring problems I have with the ongoing Nexus Mods redesign. This is not an attempt to restore the old design. Changes made are small and practical, with the minimum amount of code.
Screenshot (outdated, I now also remove the background blur):
uBlock Origin filters
Custom styling using Firefox's userContent.css
====================
Some explanation:
uBlock Origin (uBO) is an ad-blocker with powerful custom filters that makes it useful for much more than ad-blocking. You can block any element of a web page with a simple UI (right-click -> Block element) or by writing static filters directly. I use it to block things like "Like" buttons/counts on social media sites, or intrusive unrelated content on some popular wiki hosts.
Note 1: Only the browser extensions by Raymond Hill ("gorhill") are trusted open-source projects. Any other extensions or software with "uBlock" in the name are not the same. Please check the information in your browser's extension store page and the extension's user reviews before installing.
Note 2: Google Chrome and other Chromium-based browsers have started restricting Manifest v2 extensions like uBO (see other news coverage on this subject). Unfortunately, the Manifest v3 extension uBlock Origin Lite (uBO Lite) does not support custom filters yet.
----------
userContent.css is a legacy feature of Firefox that you have to enable. It allows you to write your own Cascading Style Sheets (CSS) code to be added to any web page, to change how it looks.
It uses a special CSS rule @-moz-document to target specific domains or URLs.
I've included redundant rules to hide the same elements as the uBO filters, in case you only want to use CSS.
There may be other ways to load custom CSS on pages in Firefox or other browsers using various extensions. I don't use them so I cannot give specific recommendations.
