Changing the font size of code formatted by SyntaxHighlight GeSHi in MediaWiki

Question

The font size of my code snippets are too small relative to the default font size of the Wiki, which makes them hard to read (see below for an example). Is there anything I can do to change it?

Example:

The code that generates the above is:

==== Histograms ====
This is the code to compute the histogram:
<source lang="matlab">
nEls = numel(unique_vals);
edges = zeros(nEls+2,1);
</source>

Answer 1

Edit the MediaWiki:Geshi.css.

Example:

div.mw-geshi div,pre {
 font-family: monospace, "Courier New" !important;
 font-size:13px;
}

Answer 2

edit your SyntaxHighlight_GeSHi.class.php

add font-size to following line

$css[] = ".source-$lang {line-height: normal; font-size: 12px;}";

Answer 3

MediaWiki v1.19.23/24 with geshi 1.0.8.11/12:

Edit the Mediawiki:Geshi.css file to be:

/* CSS placed here will be applied to GeSHi syntax highlighting */
div.mw-geshi div,pre {
 font-family: monospace, "Courier New" !important;
 font-size:13px;
 border: 1px dashed blue;
}

span.mw-geshi {
 font-family: monospace, "Courier New" !important;
 font-size:13px;

This will work for both the inline (<source lang="XXX" console="none">CODE</source>) and for the normal divs (<source lang="XXX">CODE</source>). The source is now preferred to be replaced with syntaxhighlight.

Answer 4

Turns out this is a bug in the MediaWiki extension. It is referenced in the bug tracker at https://bugzilla.wikimedia.org/show_bug.cgi?id=26204

We can get a permanent fix in it, will poke some other peoples to get it properly fixed.