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

TheZombiemelon wrote: 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. Wow..Let me first start off by saying thanks for the super prompt and very detailed reply. I tried doing it myself, though, and it did not work, so I am assuming I did something wrong. -_-

What I really want it to look like is this... Wolfthorn. The font family is "Cursive" and the color is "#8DB600" (or "Green Apple"). If it is not too  much trouble do you think that you could do one with the color and font all together please?