Code Wrap Length

[typography]

Hey all,

I have a question about posts in my forum. When I wrap code around text that is in a list format, the text list appears very long. Previously, the text list wrapped in the code wrap would change to a box that you could then scroll the text within it, now, when I make a post, the list goes down the whole post rather than just having a text box that I can scroll up and down within the post, effectively making the overall size of the post stay a normal size rather than taking up a huge amount of space. Does anyone know how to remedy this?

For example, this is what is happening:

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

R

ST

U

V

W

X

Y

Z

0

1

2

3

4

5

6

7

8

9

a

b

c

d

e

f

g

h

i

j

k

l

m

n

o

p

q

r

s

t

u

v

w

x

y

z

9

8

7

6

5

4

3

2

1

0

penis

 

[Ehren]

Hello,

Adding this to your custom.css file will add a scrollbar and restrict the height of your code box.

.ipsCode{
	max-height: 400px;
	overflow-y: auto;
}

 

[typography]

@EhrenIn reference to the custom.css file - is this something I would set up under pages --> templates ---> css ----> create 'custom' and then paste the code above into?

Edited December 23, 2020 by typography

[Ehren]

Hello,

No - the custom.css file which I'm referring to can be found under ACP > Customization > Themes > Edit HTML and CSS (the </> icon next to your theme) > CSS > custom.css

[typography]

@Ehrenok, gotcha. I'm assuming if the theme gets updated, I will also have to update to each time the custom.css? Would this be correct?

NEVERMIND. I just saw in the file that it says it doesn't get overwritten etc. Answered my own question.

Edited December 23, 2020 by typography

[Ehren]

Nope, custom.css is untouched during updates so you should be fine 🙂