HostOnNet Blog

syntaxhighlighter plugin fix in Bootstrap 3

Posted on July 2, 2015 by Sibi Antony

Looking for Linux Server Admin or WordPress Expert? We can help.

Contact Us

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 Sibi Antony

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

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.