plasmid.co.uk

After installing the aforementioned plugin, I soon discovered the CSS was not being implemented correctly! It turned out that in my particular version of Wordpress, the default style.css file contained 'more specific' CSS properties than the plugin. This lead to the highlighted code looking weirdness... so I fixed it!

This is a 30 second hack - open the default style.css file and search: html>body .entry ul and html>body .entry li removing the html>body part from each.

Open the 'SyntaxHighlighter.css' file for the plugin and change the the .dp-highlighter ol li.alt entry to look like this:

.dp-highlighter ol li.alt
{
	background-color: #fff;
	border-top: 0px;
	border-bottom: 0px;
}

Tags: Google, plugin, Syntax Highlighter, Wordpress

This entry was posted on Monday, March 10th, 2008 at 1:54 am and is filed under Hacks. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.