Board Thread:Support Requests - Getting Technical/@comment-24741716-20160427162751/@comment-856287-20160427171922

Here's what's happening:
needs to be at the top of a stylesheet file, before declaring any other selectors/styles. If it's not, it will be ignored. On Wikia, the actual file served is a concatenation of  (which applies to all skins) and. So by default, that would be  (which is what you're editing when you go to  ).

I don't recall exactly, but I think this only happens on newer Wikia wikis... So code that works on one wiki may break on a newer one due to this concatenation. ...I think... :D

So,  is added to the top of your CSS, like this (this is copy-and-pasted directly from the actual   file that Wikia's servers are sending to your browser):

Since the  isn't on top, it breaks and imports nothing. This is why your browser is defaulting to Times New Roman.

How to fix it

 * If you don't care about those styles, you can just delete them from.
 * If you don't mind maintaining duplicated code, you can copy the styles out of  and instead keep them in both   and  . You'll just need good comments that tell all future editors that the code has been duplicated and needs to be edited in both locations (and probably note why it's being done that way as well).
 * If you want a more robust way that's less likely to break as new and different editors change things in the future, read on...

What I've done on my own wiki is change  to be simply an import for a page where common styles are found. You can do the same by copying everything currently in  and pasting it into a new page called. Then, replace the contents of  with this:

In this way, when Wikia concatenates  (now only an  ) and , the top of the file will only be  s with no styles before them, so none of them will break: