WordPress Syntaxhighlighter Evolved: No Wrap Alternating Background Colors Cut Off
I have been using the WordPress Syntaxhighlighter Plus plugin to display code for quite awhile now. Today I wanted to check on recent updates and through reading on the developers site found out that the code is no longer maintained and he recommends people use the WordPress Syntaxhighlighter Evolved plugin instead. I decided to go ahead and download the Syntaxhighlighter Evolved plugin and test it on my development site. I was pleased immediately with the choice and knew that I would be moving it live as soon as I had any kinks worked out. There was only one thing holding me bac which was the fact that with the code wrap turned off the CSS for alternating colors and for the highlighting was cut off when you started to scroll to any code that spilled out past the default size. The plugin also blew out the right side of my site a bit so I needed to modify a couple CSS width parameters. I describe a workaround for the alternating colors being cut off below as well as how to set the width so it doesn’t blow out your layout.