FANDOM


In this page, I'll be explaining how to change the look of specifically one page, using relatively easy-to-work-with .css coding! Read on for details.

Customization detailsEdit

CSS Applied To One Page is a .css script, placed either in Wikia.css on your wiki, or global.css on your global.css page on Community Central. It will modify the css for specifically one page, and you can choose that page. NOTE: SOME OF THE SCRIPT WILL BE MODIFIED FOR NON-USER PAGES. An example of this will be shown as well.

Installation/ConfigurationEdit

Installation and configuration are basically the same in this customization; that is because it cannot be installed without the configuration being done as well.

First, insert the following code within your selected .css file:

/* One page .css change-anyone can request it. Credit given to Master Ceadeus 27 for figuring this whole thing out, lol. */
 
body.page-User_Master_Ceadeus_27 {background-color:#000fff;color:#ffffff; }
body.page-User_Master_Ceadeus_27 .WikiaPageContentWrapper { background-color:#000099;color:#ffffff }
body.page-User_Master_Ceadeus_27 div {background-color:#0000ff;color:#FFFFFF; }
body.page-User_Master_Ceadeus_27 hgroup {background-color:#0000ff;color:#FFFFFF; }
body.page-User_Master_Ceadeus_27 section.FollowedPagesModule {background-color:#0000ff;color:#FFFFFF; }
body.page-User_Master_Ceadeus_27 .module {background-color:#000099;color:#ffffff; }
body.page-User_Master_Ceadeus_27 div#WikiaRail {background-color:#000099;color:#ffffff; }
body.page-User_Master_Ceadeus_27 .WikiaRail {background-color:#000099;color:#ffffff; }
body.page-User_Master_Ceadeus_27 .grid-2 {background-color:#000099;color:#ffffff; }
/* Note that the following section need only be included if you intend on doing a userpage. */
 
body.page-User_Master_Ceadeus_27 div#UserProfileMasthead {background-color:#0000ff;color:#ffffff; }
body.page-User_Master_Ceadeus_27 div#WikiaUserPagesHeader {background-color:#000099;color:#ffffff; }
body.page-User_Master_Ceadeus_27 .WikiaUserPagesHeader {background-color:#000099;color:#ffffff; }
body.page-User_Master_Ceadeus_27 a {color: #ffffff; }
body.page-User_Master_Ceadeus_27 a:link { color: #ffffff; }
body.page-User_Master_Ceadeus_27 section#UserProfileMasthead {background-color:#0000ff;color:#ffffff; }
body.page-User_Master_Ceadeus_27 .UserProfileMasthead {background-color:#0000ff;color:#ffffff; }
body.page-User_Master_Ceadeus_27 div#masthead-avatar {background-color:#0000ff; }
body.page-User_Master_Ceadeus_27 div#UserProfileMastheadSearch {background-color:#0000ff;color:#FFFFFF; }
body.page-User_Master_Ceadeus_27 .UserProfileMastheadSearch {background-color:#0000ff;color:#ffffff; }
body.page-User_Master_Ceadeus_27 div.masthead-info {background-color:#0000ff;color:#ffffff !important; }
body.page-User_Master_Ceadeus_27 div.masthead-info-lower {background-color:#0000ff;color:#FFFFFF; }
body.page-User_Master_Ceadeus_27 div.tabs-container {background-color:#000099;color:#FFFFFF; }
body.page-User_Master_Ceadeus_27 .WikiaUserPagesHeader { background-color:#1919FF;color:#ffffff; }

Here is the result of that code:

Screenshot 9

ConfigurationEdit

To configure the script, simply change the User_Master_Ceadeus_27 part to whatever page you want, using _ for spaces. You change the color and such wherever it appears; you can also add more rules.

NotesEdit

This is, uh, not very lenient with the rest of Wikia, and if you want everything to stick together, you will need to finish the scripting. This is very much done, and will also affect the editor, but if you'd like to improve the editor, whelp, that's an interesting and harder thing to do.

Use Inspect Element to find any leftover elements any where that I missed. Thanks for reading!

~ Cead

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.