ElkArte Community

Project Support => Support => Topic started by: DeadMan on December 02, 2022, 09:42:29 pm

Title: Code block word wrap
Post by: DeadMan on December 02, 2022, 09:42:29 pm
Ok, working on a couple of sites, and ran into something.
When using the code blocks, there's the scroll bar at the bottom to slide left and right.
However, I'd like to have the block word wrapped, like in a few other sites I've worked with.
For one site, it would be a lot easier for people to check to see which code block has the right code for them to choose.

Thank you!

Burke
Title: Re: Code block word wrap
Post by: Spuds on December 02, 2022, 10:09:41 pm
The easiest way to accomplish that is to find and change the .bbc_code block in index.css file

In that specific CSS block you will find white-space: nowrap; and change that to white-space: pre-wrap;

That should give you what you are looking for.
Title: Re: Code block word wrap
Post by: DeadMan on December 02, 2022, 10:46:44 pm
That did it, my friend!
Thank you very much.

Burke