[Resolved] Text extending outside container

[Andy]

Hi,

I’m in the process of rebuilding my portfolio site with GP after accidentally deleting the WP database a few weeks ago (no backup available *sigh*).
The original used a different theme but after building a few sites with GP and liking it I decided to switch to rebuilding the site with this theme.

However, I’ve unfortunately just come across a strange issue which I’ve not encountered on my other GP builds.
When typing a continued paragraph in the WordPress visual editor it is breaking out of the container on the front end, eg:) http://agtdesigns.co.uk/services/

I’ve tried deactivating the Pootle Page Builder and Content Views plugins that I have installed but this has’nt helped.

Any ideas? Can give you login privately if possible.

[Tom]

I guess the real question is when would you ever have a word that long in a production site 😉

However, to fix it, you can add this CSS:

.entry-content {
    word-break: break-word;
}

[Andy]

Thanks – the issue came about because I noticed when starting a new line it was creating a new paragraph and the spacing between lines looked too big. I reduced the margin-bottom of paragraph’s with CSS but then thought,
I’m sure there used to be a checkbox at the bottom of the editor in WordPress which said something like ‘automatically create paragraph’s’ which could be turned off, I guess I must be imagining that.

• This reply was modified 7 years, 5 months ago by Andy.

[Tom]

“Automatically add paragraphs” is an option in the core Text widget (and our Page Header add-on).

To create a new line without adding a paragraph, hold Shift + Enter 🙂

[Andy]

I’ve built many WordPress sites and I’m embarassed to say I never new you could do that!! – Thank you!

[Tom]

You’re welcome 🙂

[Author]

Posts