Modding the new design of nexusmods.com

[jn64]

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

Spoiler

Hide "Popular Collections" section on game page:

www.nexusmods.com##section[aria-labelledby="popular-collections-header"]

Hide "News" section on game page:

www.nexusmods.com##section[aria-labelledby="news-header"]

Hide collections banner on homepage:

www.nexusmods.com##.collections-banner-outer-wrapper-trigger

Custom styling using Firefox's userContent.css

Spoiler

 /* Temp fix Nexus Mods redesign. Last updated: 2025-03-22
   For 1920x1080 @ 100% zoom. Other res may need changes.
   Warning: anything can break whenever Nexus changes their HTML/CSS,
    which might happen frequently at this time.
*/
@-moz-document domain(www.nexusmods.com) {
	/* Full-width pages */
	.next-container {
		width: auto !important;
	}
	/* Limit width of "Trending Mods" section */
	.next-container section[aria-labelledby="trending-mods-header"] {
		max-width: 1200px;
	}
	/* Reduce gap between grid elements */
	.next-container .mods-grid,
	.next-container .media-grid,
	.next-container-fluid .mods-grid,
	.next-container-fluid .media-grid {
		column-gap: 1rem !important;
		row-gap: 1.25rem !important;
	}
	/* Remove blurred background on game page */
	#mainContent img.w-screen.min-h-screen[src^="https://staticdelivery.nexusmods.com/images/games/"] {
		display: none !important;
	}
	#mainContent .bg-gradient-to-b.absolute {
		background-image: none !important;
		display: none;
	}
	/* Remove blurred hero on mod page */
	body.site-nexusmods-b::before {
		background-image: none !important;
	}
	/* Hide "Popular Collections" section on game page */
	section[aria-labelledby="popular-collections-header"] {
		display: none;
	}
	/* Hide "News" section on game page */
	section[aria-labelledby="news-header"] {
		display: none;
	}
	/* Hide Collections banner on homepage */
	div[class^=collections-banner] {
		display: none;
	}
}
/* Game-specific theme colors.
   I added a line under the header because it is highly visible and less likely
    to break. Links/tabs/buttons will probably stop being themed when mod pages
    are eventually updated to the "Next" redesign.
   skyrim must be set before skyrimspecialedition because the URL patterns overlap.
 */
@-moz-document url-prefix(https://www.nexusmods.com/games/skyrim),
               url-prefix(https://www.nexusmods.com/skyrim) {
	body {
		--theme-primary: #57a5cc !important;
	}
	header.sticky,
	header.new-head {
		box-shadow: #57a5cc 0 2px !important;
	}
}
@-moz-document url-prefix(https://www.nexusmods.com/games/skyrimspecialedition),
               url-prefix(https://www.nexusmods.com/skyrimspecialedition) {
	body {
		--theme-primary: #8197ec !important;
	}
	header.sticky,
	header.new-head {
		box-shadow: #8197ec 0 2px !important;
	}
}

 

====================

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.

[AndalayBay]

@HadToRegister linked your post which is how I found it, so good idea to repost here.

Here's the uBlock Origin filter to remove the Media section:

www.nexusmods.com##section[aria-labelledby="media-header"]

 

[AlphaSaluno]

Great work.

[carpesangrea]

I wish you the best of luck with this, given their behavior on the topic thus far has been pretty disgusting.  They are banning people from the subreddit.

[SHOTGUN1992]

I know it's question of taste if it comes to redesignes, BUT they actually cut mod browsing functionality, almost all mod names are cut, descriptions are cut, totally small cover images, no image preview from browsing, and the crown on it is ENDORSE button which you can't use before you downloaded mod, why it should be on a browsing page then?
well, I knew something is fishy long ago, after forums update made forums messy unusable garbage
and we will have to eat this because reuploading all the mods to another resource will take forever and cost good amount of money which we can't handle without actual supporters base, even more, a lot to deal with mod authors permissions

Edited Saturday at 10:25 AM by SHOTGUN1992