Hyphenation

Hi there,

I'm not too sure what you mean? Hyphenation within your regular content?

Yes, for example the body text in a blog post. I want words of more than one syllable at the end of the line to auto-hyphenate if necessary, to create a more even right edge. I think themes like the default WordPress themes have the feature built in.

Give this a shot:

.entry-content {
overflow-wrap: break-word;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

Thanks for the css, it doesn't seem to be working. I'm not sure exactly what the normal procedure is for this, but it seems that it needs to somehow access hyphenation dictionaries that are not built into the browser. I might be completely wrong about that.

Is there a specific page I can check out? The URL in your initial post doesn't seem to be working.

http://bookman.andrewwiebe.com/chapter-three/

It seems to be working for me: https://www.screencast.com/t/AaOKMuKRuq

Or are you going for something different?

That's exactly what it's supposed to do. So far I had only tested the site on Chrome and Edge with no success. I opened it in Firefox now and the hyphenation works. So I guess with the "hyphens" css property it comes down to browser support. I may have to settle for that, unless you have other ideas of how to make it work in Chrome.

Thanks for your help :-)

I was checking in Chrome. Perhaps try clearing your browser cache :)