Cutting off text

• 

  youvegotthis05 · Member · Jul 2, 2019 at 8:07 am

  • Copy link
  • Add topic to favorites

  Hi There,
  On my latest blog, 12 weeks, all of my text is being putting in rows and cut off at the end of the page. This is not happening with previous blog so I’m not sure what is going on

  The blog I need help with is: (visible only to logged in users)

• 

  henriettestewart · Member · Jul 2, 2019 at 9:08 am

  • Copy link

  Hi youvegotthis05,

  I see exactly what you mean!

  When I inspect each paragraph (using Chrome dev tools) I can see that they contains a span tag which has inline styles (inline CSS), and one of the inline styles is white-space: pre; and that’s preventing the paragraph from wrapping.

  You can either change it to white-space: normal; or remove that bit completely.

  I imagine this might have happened because you have copy-pasted the text from somewhere else, like a Word Document, and this copy has included all the styling from the Word Document. This is also why the text is smaller and is using a different font from your other blog posts.

  If you are using the block editor you can view the inline-style by clicking on the three dots to open the “more options” menu and here you can select “Edit as HTML” and then you will be able to see the inline styles and be able to remove the whitespace: pre; statement. Make sure you remove both the semi-colon at the end and the colon in the middle too. Once you have removed those you can click the “more options” again and select “Edit visually” to go back to editing the paragraph block visually.

  I can see that someone has already added the “modlook” tag to this thread so a member of staff should be along to help you out shortly.

  Let us know how you get on with it.

• 

  gemmacevans · Member · Jul 2, 2019 at 10:19 am

  • Copy link

  Hi youvegotthis05,

  I looked at your post and this spacing issue is being caused by extra HTML tags in your post. Switching to the HTML tab in the post editor will display them all.

  As @henriettestewart mentioned, these tags usually appear when text has been copied from Word, an email or website and then pasted into the editor. I’d recommend copying the text from Visual tab in the editor, then paste it back in using the Paste as Text button:

  https://en.support.wordpress.com/visual-editor/#pasting-text

  This should remove any unwanted formatting and HTML tags.

  Let me know how you get on.

• 

  youvegotthis05 · Member · Jul 2, 2019 at 10:56 am

  • Copy link

  Thank you very much. I was able to get it fixed using the help from both of you. I appreciate it

• 

  henriettestewart · Member · Jul 2, 2019 at 11:15 am

  • Copy link

  You’re welcome youvegotthis05, your post looks good now. All the best to you.

• 

  gemmacevans · Member · Jul 2, 2019 at 11:27 am

  • Copy link

  Fantastic, thanks for letting us know :)