Wrapping text in an html table

Developer help
1

  • 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 text runs off and you have a scroll bar which looks very ugly.

I’ve tried adding different css before the table but haven’t had any luck. If any more info is needed I would be happy to provide it.

Thanks,
MisterBiggs

Heres screenshots in case my link breaks.

898×887 44.9 KB

902×710 37.7 KB

2

@MisterBiggs it looks like your theme is based on Casper, if that’s the case the CSS that you want to change in your theme is this line Casper/screen.css at main · TryGhost/Casper · GitHub

1 Like
3

That worked thanks!

4

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.