How to turn on line wrapping?

  • Forgive my lack of experience, but I am not sure how to turn on line wrapping for code blocks created by the Code Syntax Block plug-in.

    I have tried customizing Additional CSS mentioned in another thread. I also tried another suggestion found in GitHub issues. In both cases, setting overflow-wrap or word-wrap doesn’t seem to do anything.

    How I attempted to solve the issue: in WordPress Editor, I select the code block then go to Block -> Advanced -> Additional CSS Class(es).

    Environment:
    – Code Syntax Block Version 1.3.0
    – WordPress 5.4

    Current behavior:
    – Long lines of code are extended by a scroll bar. See “Code Block 1” in the sample site URL I attached.

    Expected behavior:
    – Long lines of code should be wrapped.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter papojt

    (@papojt)

    Here’s another link of the webpage I may need help with.

    In this article, I had to use “\” to manually separate the code into multiple lines in Code Block 5. But for other code blocks, as you make the web browser narrower, instead of long lines being wrapped, a scrollbar would appear.

    Web browsers I tried: Safari, Chrome.

    Thank you.

    Did you ever figure this out? I don’t have either wrapping or a scrollbar.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to turn on line wrapping?’ is closed to new replies.