HostOnNet Blog


syntaxhighlighter plugin fix in Bootstrap 3

We are using syntaxhighlighter plugin to highlight portions of code.

syntaxhighlighter

After converting WordPress Twenty Ten theme to Bootstrap 3, the code showing empty space on top.
(ie, code start with line number 2). See the screenshot below

syntaxhighlighter-error

We can fix this issue by editing shCore.js file at plugins/syntaxhighlighter/syntaxhighlighter3/scripts/

Edit shCore.js and findout below code

<div class="container">'+a+"</div>

Chage the class=”container” with something else

<div class="contain">'+a+"</div>

About hostonnet2

Bootstrap and Android LOVER. I've been creating things for the web for over 10 years, from the period of flash and table based layout web sites till mobile and tab friendly web sites.
Posted in Bootstrap, Wordpress