Make Big Money Online Top

How to remove the arrow images that follow external links in a Mediawiki wiki

Written by George Manty  · December 2, 2006

I searched, and searched and couldn’t find any useful information on removing those external link arrow images that mediawiki’s wiki software automaticly inserts directly after links to external sites.

I find those images annoying and feel like they clutter up the screen. So I went through the code and found out how to get rid of the arrow -> images.

If you own a wiki here’s what you do:

1. Go to the skins directory and into the directory of the skin you are using. For our homeschooling wiki it is the monobook directory.

2. Open up the style sheet file “main.css”.

3. Search for the word “external”.

You should see something that look like this:

#bodyContent a.external,

#bodyContent a[href ^="gopher://"] {
background: url(external.png) center right no-repeat;
padding-right: 13px;

4. Remove the 5 lines above, save the file and upload it back to your server

Then say goodbye to the annoying arrow images!

You can see the results on our wiki by clicking here. Notice that none of our links have those annoying images. Woohoo!

The next step is updating the navigation for our homeschool wiki. It is going to be much easier to navigate when we are done with it.

You also need to do those same steps for the files: “IE60Fixes.css”, “Opera6Fixes.CSS”, and “Opera7Fixes.CSS”.

AddThis Social Bookmark Button


Comments are closed.