Board Thread:Support Requests - Designing Your Wikia/@comment-1440567-20140607214231/@comment-856287-20140608034321

This is due to a change in how Wikia handles the various CSS files. Older wikis are not effected (like Legacy of Kain Wiki), but newer wikis are effected (like Aevum's Disposable Test Wiki).

Here's the difference:


 * On an older wiki
 * You have MediaWiki:Common.css, MediaWiki:Wikia.css, and MediaWiki:Monobook.css. Common.css should be for all skins "in common," but it isn't. If you want the Wikia/Oasis skin to use the styles in Common.css, you have to add an  rule to the top of Wikia.css.


 * On a newer wiki
 * You also have MediaWiki:Common.css, MediaWiki:Wikia.css, and MediaWiki:Monobook.css. In this case though, Common.css DOES apply to all skins, WITHOUT any  rules.

Here's the peculiarity, and something I have contacted Wikia about (to be told "it's a feature, not a bug"): On newer wikis, the actual CSS file that is being served to your browser is neither Wikia.css, nor Common.css. It's a concatenation of BOTH files. So the contents of Common.css, and then the contents of Wikia.css, along with some extra junk (like print media styles and a caching key) are all in one file called.

Here's the problem with doing it this way: When you dump styles defined in Common.css into the top of Wikia.css, ABOVE any  rules in Wikia.css, all of the   rules break—in any CSS file,   rules MUST be at the top of the file with no styles defined before them.

I described the whole thing in-depth here.

So, the top of the actual " " being served on the newer Aevum's Disposable Test Wiki looks like this: Thus, the caption styles are there and working, and they are also breaking all of your font imports by appearing before them in the file.

…but the top of the Legacy of Kain Wiki's " " looks like this: So the styles in Common.css are not being applied, but all of your custom font imports are in-tact (and that's why they work on Legacy of Kain Wiki and not Aevum's Disposable Test Wiki).

The fix in this case is simple: Add an  rule to Wikia.css on the Legacy of Kain Wiki that imports the Common.css file, like so: Put that at the top of the file before any styles are defined. Before or after other  rules is okay.

To "fix" this on the newer Aevum's Disposable Test Wiki (by taking two steps backward), use the method I describe here to essentially replace MediaWiki:Common.css with a file I decided to call MediaWiki:AllSkins.css.

....oh, and you can remove the !important flags. Those are bad. They break the cascading that makes Cascading Style Sheets work. As a best-practice in CSS and web design, avoid using them unless there's no other option.