Community Central

User blog:Ysbert/Fix for redirect pages on dark-themed wikias


Fix for redirect pages on dark-themed wikias

Ysbert August 27, 2014 User blog:Ysbert

Redirect pages use an image for the arrow before the link. On dark-themed wikis, this looks very bad. A simple fix for this issue is this:

/* Redirect pages */
.redirectMsg > img {
    display: none;
.redirectText:before {
    content: "↳ ";
    font-size: 2em;

Add this code to the CSS of your wiki and the symbol will appear in the right colour and in ultra HD, since it is a character.

Of course, you can tweak the symbol further by now.

Orange big arrow:

.redirectText:before {
    content: "↳ ";
    font-size: 4em;
    color: orange;

A different text:

.redirectText:before {
    content: "This page redirects to ";

Try them out at your personal CSS. This will not affect the look of the wiki for other people.

If you have questions, don't be afraid to ask!

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.