How to Install a CSS in Fandom
Installing a custom CSS in Fandom can greatly enhance your experience by allowing you to personalize the appearance of your favorite wiki. Whether you want to change the color scheme, add new fonts, or tweak the layout, custom CSS is a powerful tool at your disposal. In this article, we will guide you through the process of installing a CSS in Fandom, ensuring that you can achieve the desired look for your wiki.
Step 1: Create a CSS File
The first step in installing a CSS in Fandom is to create a CSS file. You can use any text editor, such as Notepad++ or Sublime Text, to create a new file with a .css extension. This file will contain all the CSS rules you want to apply to your wiki.
Step 2: Open Your Wiki’s MediaWiki Skin Directory
Next, you need to navigate to your wiki’s MediaWiki skin directory. This directory is where all the CSS files for your wiki are stored. The location of this directory can vary depending on your operating system and the way your wiki is hosted.
For most users, the MediaWiki skin directory is located at:
– Windows: C:\path\to\MediaWiki\skins\
– macOS/Linux: /path/to/MediaWiki/skins/
Step 3: Copy the CSS File to the Skin Directory
Once you have located the skin directory, copy the CSS file you created in Step 1 and paste it into the skin directory. Make sure the file is placed in the correct subdirectory for your skin. For example, if you are using the Monobook skin, place the file in the “monobook” subdirectory.
Step 4: Access the CSS Form
Now that the CSS file is in the skin directory, you need to access the CSS form on your wiki. Go to your wiki’s Special:CSS page by entering the following URL in your browser:
“`
https://your-wiki.fandom.com/wiki/Special:CSS
“`
Replace “your-wiki” with the actual domain name of your wiki.
Step 5: Add Your CSS Rules
On the CSS form, you will see a text box where you can enter your CSS rules. Copy and paste the contents of your CSS file into this text box. Make sure to save your changes by clicking the “Save CSS” button at the bottom of the page.
Step 6: Enable Custom CSS
By default, custom CSS is disabled for most users. To enable it, go to your wiki’s Special:Preferences page and scroll down to the “Appearance” section. Check the “Enable custom CSS” option and save your preferences.
Step 7: Refresh Your Wiki
After enabling custom CSS, refresh your wiki’s main page to see the changes. If everything is working correctly, you should now see the custom styles applied to your wiki.
Congratulations! You have successfully installed a CSS in Fandom. Feel free to experiment with different CSS rules to achieve the perfect look for your wiki.
