Front end and back end word wrap

Hello All,
I know this is theme related and may not be appropriate for the forum. I am posting in Advanced WordPress support so hopefully it will be ok..
Maybe someone here has had experience with this.

I'm having issues with the word wrapping in the front end and back end editor. They are not wrapping properly in the blog posts.
It is only happening with this theme on this site.. Not plugin related because it still exists with all plugins off. It does however stop when switching themes.

Remember, it does it in the front end and the back end editor.
It does it with all plugins off.
It does not do it in other themes.
It does not do it in other sites with this theme.
The theme is current and up to date.
The only thing that seems to be effected is blog posts.

I did recently move the domain from a temporary location
to an updated location. I updated in the Settings>General only.

Any help would be appreciated.

Thanks in advanced.
Richard

  • Alexander
    • DEV MAN’s Mascot

    Hi @Richard,

    This is happening because your text is placed within pre tags. The purpose of this HTML element is to allow whitespace to be precisely determined by the text itself. If you're using pre tags, you would generally want

    Often themes will place a block around pre tags, and add scroll bars to that box should the text extend to far. For example:

    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    I would recommend not using pre tags in your content, unless it's for a very specific reason.

    Alternatively, you can add some additional CSS to make it wrap. Here's what you'd want to use:

    pre { white-space: pre-wrap; }

    Best regards,

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.