User:RainingPain17/How to fix Wikia's new update

This is a tutorial to install a CSS script that reverts Wikia back to its pre-breakpoints/typography update.

Description
This tutorial allows you to install a CSS script that reverts the changes made to the Oasis Wikia skin from May 19, 2015.

For those who weren't aware, on May 19, 2015, an update was made to the Wikia skin. It increased font size, changed breakpoints in order to "improve mobile experience" (more info here). However, it had the side effect of looking almost atrocious on what they call "Desktop XL" (as a 1600x900 user, I can confirm that).

The CSS script provided simply reverts the Wikia skin to pre-May 19 update, without awful font size increases.

Credits go to users Undead.exe and Gaz Lloyd who made the css.

Step 1
Click the button below. Button This redirects you to your personal global.css page. Edit it. If the page doesn't exist yet, doesn't matter, create and edit it.

Step 2
Insert the following code: @import url("http://community.wikia.com/index.php?title=User:Undead.exe/OldOasis.css&action=raw&ctype=text/css"); /* article font fixes */ .WikiaArticle { font-size: 13px !important; line-height: 21px !important; } .WikiaPageHeader h1, .WikiaPageHeader .WikiaRail .module h2, .WikiaRail .module .WikiaPageHeader h2, .WikiaPageHeader .WikiaRail #RIGHT_SKYSCRAPER h2, .WikiaRail   #RIGHT_SKYSCRAPER .WikiaPageHeader h2 { font-size: 28px; line-height: 28px; } .WikiaArticle h2 { font-size: 18px !important; line-height: 21px !important; margin-top: 14px !important; } .WikiaPage .WikiaArticle .infobox { font-size: inherit; line-height: inherit; } .WikiaArticleInterlang h3 { font-size: inherit !important; line-height: normal; } .tally em { font-size:28px; } /* padding fixes */ .WikiaMainContentContainer { padding: 0 10px; } .WikiaRail { overflow: hidden; padding: 0 10px 10px 0; }

Step 3
Bypass your browser cache (instructions are at the top of your global css page when not in edit mode).

Step 4
Enjoy.