Wiki layout customization

Here are some my customizations of the new PoE wiki layout.

If you don't need some part of the changes, just comment it out or remove it.

Cosmetic filters for uBlock Origin (Firefox, Chrome):

"

! top logo and navigation + sticky header
pathofexile.fandom.com##.fandom-sticky-header
pathofexile.fandom.com##.community-header-wrapper:style(height: auto !important; padding-top: 12px !important;)
pathofexile.fandom.com##.fandom-community-header__image IMG
pathofexile.fandom.com##.official-wiki-badge
pathofexile.fandom.com##.gp-wiki-badge
pathofexile.fandom.com##.page-counter
pathofexile.fandom.com##.fandom-community-header__local-navigation

! the top ad
pathofexile.fandom.com##.ad-slot-placeholder

! the bottom right wikia bar
pathofexile.fandom.com###WikiaBar

! left sidebar
pathofexile.fandom.com##.global-navigation
pathofexile.fandom.com##.main-container:style(margin-left:0 !important;width: 100% !important;)

! fan feed
pathofexile.fandom.com###mixed-content-footer

! fandom footer
pathofexile.fandom.com##footer

! right sidebar - popular pages
pathofexile.fandom.com##aside

! Related Community in the search page
fandom.com##.unified-search__layout__right-rail

! main page - remove header and firsst three boxes
pathofexile.fandom.com##.mainpage .page-header
pathofexile.fandom.com##.mainpage-header
pathofexile.fandom.com##.o-flex-grid__item:nth-of-type(1)
pathofexile.fandom.com##.o-flex-grid__item:nth-of-type(2)
pathofexile.fandom.com##.o-flex-grid__item:nth-of-type(3)


Or you can use these CSS rules in userContent.css:
"

@-moz-document domain("pathofexile.fandom.com") {
/* top logo and navigation + sticky header */
.community-header-wrapper {height: auto !important; padding-top: 12px !important;}
.fandom-sticky-header, .fandom-community-header__image IMG, .official-wiki-badge, .gp-wiki-badge, .page-counter, .fandom-community-header__local-navigation {display:none !important}

/* the top ad */
.ad-slot-placeholder {display:none !important}

/* the bottom right wikia bar */
#WikiaBar {display:none !important}

/* left sidebar */
.global-navigation {display:none !important}
.main-container {margin-left:0 !important;width: 100% !important;}

/* fan feed */
#mixed-content-footer {display:none !important}

/* fandom footer */
footer {display:none !important}

/* right sidebar - popular pages */
aside {display:none !important}

/* Related Community in the search page */
.unified-search__layout__right-rail {display:none !important}

/* main page - remove header and firsst three boxes */
.mainpage .page-header {display:none !important}
.mainpage-header {display:none !important}
.o-flex-grid__item:nth-of-type(1) {display:none !important}
.o-flex-grid__item:nth-of-type(2) {display:none !important}
.o-flex-grid__item:nth-of-type(3) {display:none !important}
}
I guess it's either 1 or 48,000. Nothing in between, right?
Last edited by JayFinch#2205 on Oct 24, 2021, 3:40:04 AM
Last bumped on Jul 21, 2021, 10:28:53 PM
Reserved for science.
Spoiler
You monster.


October 24 2021 added a rule to remove the Related Community ad in the search page
I guess it's either 1 or 48,000. Nothing in between, right?
Last edited by JayFinch#2205 on Oct 24, 2021, 3:38:05 AM
That's definitely an improvement, but hiding the Global Navigation panel also removes the search function.
You are right. I've made some changes and put back the link to homepage as well as search.

Also if someone doesn't need some part of the changes (like keep the left sidebar or the top navigation) it can be commented out or removed.
I guess it's either 1 or 48,000. Nothing in between, right?
Last edited by JayFinch#2205 on Jul 20, 2021, 7:52:45 AM
You can also use the element picker (the eyedropper icon) to customize exactly what you want to hide.

After picking an element, click Create. You can then view the filter it actually put in place by going to the Dashboard (the gears icon) and clicking the My filters tab.

Some things are a bit tricky. For instance, I used the picker to try to hide just the Fan Portal drop-down menu at the top, it ended up removing all three of the drop-down menus with the following filter:

"
pathofexile.fandom.com##.fandom-community-header > .fandom-community-header__local-navigation > .large-navigation.wds-tabs > div.wds-dropdown > .first-level-item.wds-dropdown__toggle.wds-tabs__tab-label

I had to edit that filter so it removed only the third drop-down menu—or, in other words, the third child element of the drop-down menus' parent element:

"
pathofexile.fandom.com##.fandom-community-header > .fandom-community-header__local-navigation > .large-navigation.wds-tabs > div.wds-dropdown:nth-child(3)

Report Forum Post

Report Account:

Report Type

Additional Info