Random Stuff About Stuff

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.