SyntaxHighlighter Evolved and Chrome

While performing some housekeeping on this blog today I couldn’t help but be slightly frustrated by the unsightly vertical scrollbars which appear on the code snippets that I post. A quick search sorted this one out.

If you run a WordPress blog and are using the excellent Syntax Highlighter Evolved plugin, and you’re using Google’s Chrome browser, then you can quickly sort this out by editing the shCore.css file and changing the overflow style.

FTP into your webspace and find this file:

/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles/shCore.css

Then look for this line (which should be on around line 60 in the .syntaxhighlighter style:

overflow: auto !important;

Change it to:

overflow-y: hidden !important;

This should cause the vertical scrolls to disappear and will hopefully look a bit better.