0

I was googling to find a solution for this forever, I was so close but still can't find the problem...

The closest solution I found was at this site But:

I want exactly the opposite of what this guy posted: Automatic line break in js SyntaxHighlighter

He wants instead of horizontal bar to break the code down, but what do I want is instead of breaking the code down, to display a horizontal bar.

I've used SH on multiple projects and never actually had this issue till now.

I've installed it in wordpress as a plugin in a custom theme, I modified the theme css file(s) and the syntax highlighter's file(s) (.css), but still nothing's going on.

Here's a screenshot enter image description here

If you have any suggestion what the problem might be, please tell me - any help is appreciated.

Community
  • 1
  • 1
BlazE
  • 81
  • 1
  • 16
  • There is so very little on SyntaxHighlighter that comes up in Google searches, either referencing WordPress or with the standard version for non-WordPress sites. So, please go ahead write up a good answer for anyone in the future who may encounter a similar issue. – lawlist Apr 29 '14 at 06:44

1 Answers1

0

I think what you are looking for is a combination of overflow and white-space css properties.

pre {overflow:scroll;}
.pre-wrap {white-space:pre-wrap;}

Please see the footle here

tgeery
  • 174
  • 6
  • Hey, thanks for the help. Unfortunately, that didn't help But it gave me an idea of where the problem might be. After wasting day and a half, I finally found the problem, and it was in the main theme .css file. All I had to do was change code { white-space: normal; } to code { white-space: nowrap; } This was really ridiculous, but thanks for helping out :) – BlazE Apr 23 '14 at 08:53