CODEWITHSUNDEEP
syntax-highlightingmediawikigeshi
Amelio Vazquez-Reina
Amelio Vazquez-Reina

Reputation: 96264

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

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:

enter image description here

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>

Upvotes: 19

Views: 7627

Answers (4)

Biz Web
Biz Web

Reputation: 11

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.

Upvotes: 0

Adrian Archer
Adrian Archer

Reputation: 2323

Edit the MediaWiki:Geshi.css.

Example:

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

Upvotes: 23

Antoine &#39;hashar&#39; Musso
Antoine &#39;hashar&#39; Musso

Reputation: 1061

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.

Upvotes: 3

Sudi Bianto
Sudi Bianto

Reputation: 41

edit your SyntaxHighlight_GeSHi.class.php

add font-size to following line

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

Upvotes: 4

Related Questions