Wrapping text in a HTML table

[pancakeufo]

Hello everyone,
I have this exact issue and I’d like to solve it but haven’t luck so far.
What exactly should I change of that line?

Wrapping text in an html table

What’s your URL? This is the easiest way for others to debug your issue https://blog.ansonbiggs.com/p/a7e3bd45-de1b-4451-9d35-c68216d609fb/ What version of Ghost are you using? Version: 2.1.2 What browser? Google Chrome What steps could someone else take to reproduce the issue you’re having? Make a table in html with enough text that it runs off the screen I’m having an issue where my html table looks fine and the text wraps in the ghost editor but on the actual web page the t…

[daniel1]

Hi @pancakeufo,

do you have the casper theme installed?

If so, you can search for .post-full-content table in your screen.css file. (It should be in line 1443)
Change white-space: nowrap to white-space:normal

This is how it looks with white-space: nowrap

This is how it looks with white-space: normal

Hope i could help.

[pancakeufo]

Thanks for your kind reply. I edited my screen.css file as you suggested but issue is still there.
I tried reloading Ghost but nothing has changed. See here: Imgur: The magic of the Internet

If you want to take a look: https://giacomo.tips/test/ the password is “ghost”

[daniel1]

Hi @pancakeufo,

i forgot.
The theme uses the files in the built folder, so you have to edit those if you dont want to recompile your screen.css.

Easy way:
Edit the screen.css found under /built/screen.css

“Proper way”:
Edit screen.css and compile with Gulp/PostCSS as mentioned on the casper github page under Development: GitHub - TryGhost/Casper: The default theme for Ghost