Editing Help:User style (section)

=== Moving categories to top ===
The following code moves the category box to the top of the article. Of course, you might want to apply some CSS to make it look prettier:
<syntaxhighlight lang="javascript">
function catsattop() {
  var cats = document.getElementById('catlinks');
  var bc = document.getElementById('bodyContent');
  bc.insertBefore(cats, bc.childNodes[0]);
}
</syntaxhighlight>
An alternative that, when coupled with an appropriate stylesheet, will put the text up at about the same line as the title:

<syntaxhighlight lang="javascript">
function categoryToTop() {
  var thebody = document.getElementById('contentTop');
  var categories = document.getElementById('catlinks');

  if (categories != null) {
    categories.parentNode.removeChild (categories);
    thebody.parentNode.insertBefore(categories, thebody);
  }
}
</syntaxhighlight>

Some CSS to go with that...

<syntaxhighlight lang="css">
/* move the catlinks box */
#catlinks {
  right:1em;
  top:-0.25em;
  max-width: 50%; /* this limits the box size, but doesn't set strictly */
  float: right;
  margin: 0.5em;
  padding: 0.2em;
}

/* format the catlinks itself */
p.catlinks {
  font-size:67%;
  text-align:left;
  text-indent:0;
  text-transform: none;
  white-space:normal;
  margin: 0.2em;
}
</syntaxhighlight>

Unfortunately, if the category box is large (such as on entries on U.S. presidents and other major figures), it can push an infobox off to the side. To correct this, the "clear: right" attribute can be added to an infobox.