Board Thread:Support Requests - Designing Your Wikia/@comment-24984058-20150730181541/@comment-25337988-20150730221258

To color links and customize their fonts, you'll need to use CSS code. For custom links to be seen wiki-wide, you'll want to put the code in the MediaWiki:Wikia.css or MediaWiki:Common.css page. For personal use, put the code in a subpage of yours. MediaWiki:Common.css applies the customizations to all skins on the entire site.

Custom hyperlink colors To use custom hyperlink colors, add the following code to your page:

a[href="http://plantsvszombies.wikia.com/wiki/User:Example_username"] {text-shadow:0px 0px 4px red !important;color:gray !important}

You don't need to add the code after the last bracket every time, if you want to make multiple hyperlinks the same color. To do this, add the following code:

a[href="http://plantsvszombies.wikia.com/wiki/User:Swampert_rox"], a[href="http://plantsvszombies.wikia.com/wiki/User_talk:Swampert_rox"] {text-shadow:0px 0px 4px red !important;color:orange !important}

Custom hyperlink fonts Custom hyperlink fonts are a bit more complicated than colors if you want to use your own fonts. To add a custom font, you'll need to import it.

First, upload the font file. You'll want to upload either .ttf, or .otf files to the wiki. Then, add the following code to your CSS page:

@font-face { font-family: Example_Font; src: local('Example_Font'), url(http://copy the url of the font file and paste it here after the "http://". You'll get the url by hovering over the link on the file's page that is it's name. It is also the first text on the font file's page. ) format('truetype'); }

Using the font Using the font works almost exactly like hyperlink colors do.

Instead of adding "color:" to the statement after the last bracket, you add the text "font-family:" then the name of the font in the CSS page: a[href="http://plantsvszombies.wikia.com/wiki/User:Swampert_rox"], a[href="http://plantsvszombies.wikia.com/wiki/User_talk:Swampert_rox"] {font-family: Cafeteria !important}

Hope this helps.