Syntax Highlighter - Remove the lime green help box on blogger
March 11, 2014
I thought I already had this sorted by setting
when setting up SyntaxHighlighter.
but what this does is turn of the toolbar for everything!
What I found is that if you try to use
<pre class="brush: plain; collapse: true">
test
</pre>
It won’t display the “expand source” as the whole toolbar is hidden
I believe this css targets the green box and the question mark only, leaving the toolbar available for other functions
.syntaxhighlighter div.toolbar span a.toolbar_item{
display: none !important;
}
.syntaxhighlighter .toolbar {
background: none !important;
}
Blogger puts up a fight of course, I couldn’t get the custom css to load after the SyntaxHighlighter css, so used !important
and a very specific rule to get around it.
Written by David Kerwick who lives and works Dublin as a Java Technical Lead.