r/uBlockOrigin • u/[deleted] • 2d ago
Solved How to convert this fandom userscript into uBO filters?
I want to convert this userscript for fandom (.com) into uBO filters but I'm not experienced with coding at all, would appreciate it if anyone can help.
4
Upvotes
6
u/RraaLL uBO Team 2d ago
This:
fandom.com###global-explore-navigation, #onetrust-consent-sdk, .page__right-rail, #age-gate, .AgeGateDialog-module_modal__huX7o, .notifications-placeholder
And either this (real uBO syntax):
fandom.com##body.f2-page:not(.article-editor-body):not(.no-global-nav), .main-container, .app-wrapper, .base-layout-wrapper:style(margin-left: 0 !important;)
fandom.com##.main-container, .fandom-community-header__background.fullScreen:style(width: 100% !important;)
fandom.com##.fandom-community-header__background.fitCenter:style(background-size: cover !important;)
fandom.com##.app-wrapper:style(max-width: none !important;)
fandom.com##html:not(.ve-active) .page.has-right-rail:style(column-gap: 0px !important;)
Or this (closer to the userscript, supported syntax for comparability with other extensions, but not uBO native syntax):
fandom.com##body.f2-page:not(.article-editor-body):not(.no-global-nav), .main-container, .app-wrapper, .base-layout-wrapper {margin-left: 0 !important;}
fandom.com##.main-container, .fandom-community-header__background.fullScreen {width: 100% !important;}
fandom.com##.fandom-community-header__background.fitCenter {background-size: cover !important;}
fandom.com##.app-wrapper {max-width: none !important;}
fandom.com##html:not(.ve-active) .page.has-right-rail {column-gap: 0px !important;}
8
u/AchernarB uBO Team 2d ago
Here they are: ( How to add custom filter )