User blog:Supermorff/Wikia's new fixed width - solution!

By now everyone has probably noticed Wikia's new skin. A lot of people hate it, and I can't deny that it has a great many problems. One of these problems is the fact that content is now squeezed into a relatively narrow column, but fortunately this problem has a solution.

As explained on this forum at Community Wikia, users can edit their own personal wikia.css page to change how the wiki looks. In particular, you can remove the pointless widgets on the right of the page (Wikia Activity, Photos on this Wiki, and the Wikia Spotlights) and increase the width of the content to the full width of the page. You can also remove the photo attribution labels that appear under thumbnailed pictures, and the Facebook widget.

As admins, we are forbidden from making these changes across the whole of SNN because it would violate Wikia's Terms of Use and we would be blocked, but there is nothing to stop each user from making the change themselves.

In order to effect these changes, go to your user page and input "/wikia.css" after your username in the address bar. For example, I would go to User:Supermorff/wikia.css. It is important that /wikia.css is all lower case. Copy and paste the following text into this page and save:

/* Hide the three widgets */ .WikiaActivityModule, .WikiaPagesOnWikiModule, .LatestPhotosModule, .WikiaSpotlightsModule, #WikiaSpotlightsModule {display:none !important; width:0 !important;}

/* Increase the width of the actual page content */ .WikiaArticle {width:980px !important;} .WikiaPageHeader details {width:970px !important;} .WikiaArticleCategories {width:950px !important;}

/* Hide "Image added by" on articles */ div.picture-attribution {display:none !important;} /* Same as above but for preview */ .skin-oasis #wikiPreview {margin-right:10px !important;}

/*No Facebook*/ .fb_edge_widget_with_comment { display:none !important; }

body.mediawiki.skin-oasis { color: black !important; }

.mw-headline { font-weight: bold; }

Once the page is saved, you will have to bypass your browser's cache in order to see the changes. Instructions for your specific browser should be included at the top of your /wikia.css page by default.

I hope users will find this useful, and that it will help to lessen the impact of this new skin. Feel free to inform as many users as you like about this fix.