Common skinning problems

List bullet colors

See: Changing the color of bullets

Image file page transparency checkerboard

See: Changing the color of the transparency checker pattern

Sort arrows for sortable tables

See: Changing the color of table sort arrows

Watchlist add/remove and page save confirmation pop-ups

See: Changing colors in dynamic notifications

Achievements

See: Styling the achievements special page

Preferences

See: Styling the preferences page

Styling the wiki editor

See: Styling the wiki editor

Recoloring the search box magnifying glass

The following css and associated dataurl changes the color of the magnifying glass icon on the Search results page from dark gray to white:

#simpleSearch #searchButton {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E %3Cg fill=%22none%22 stroke=%22%23fffff%22 stroke-width=%222%22%3E %3Cpath d=%22M11.29 11.71l-4-4%22/%3E %3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E %3C/g%3E %3C/svg%3E")
}

The color of the magnifying glass can be customized by locating stroke=%22%23fffff%22 in the above code and changing ffffff to the desired color's hex code.

Hiding the main page title

For most wikis, this is as easy as adding the following to the main page: __NOTITLE__

The above requires the extension Extension:NoTitle, which is installed by default on Gamepedia wikis created since 2019.

CSS can be used as an alternative:

body.page-Name_of_your_Wiki h1.firstHeading {
    display:none;
}

However, some wiki names contain apostrophes or colons or other characters which cause this to fail. To find out the exact syntax you need for the main page title, simply right click on the main page of the wiki and choose "View Page Source", then search for the following string:

ns-0 ns-subject page-

Whatever follows that is what you need to use to specify your main page.

Coloring of some default templates

The following templates may or may not look right with the wiki skin you have created and should be checked, especially on dark-themed wikis:

• {{Copyrightbox}}
• {{Ambox}}
• {{Quote}}
• {{Doc/start}}

Crisp pixel images

This is helpful for pixel games that need crisp upsized pixel images. This is used on Enter the Gungeon Wiki.

img {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: pixelated;
}