How to make words wrap, not hyphenate

pigsquash · Member · Apr 12, 2013 at 10:49 pm
Copy link

Add topic to favorites
Is there a way I can turn on word wrap so that a long word will automatically be moved to the next line instead of becoming split in two and hyphenated as is now happening?

Thanks! :-)
timethief · Member · Apr 12, 2013 at 10:55 pm
Copy link
Where? Are you referring to Titles? Are you referring to text in posts or pages?
pigsquash · Member · Apr 12, 2013 at 10:59 pm
Copy link
Text on pages. But I will also want to know for text on posts.
Thanks.
thesacredpath · Member · Apr 12, 2013 at 11:20 pm
Copy link
If you can point us at a location where this is happening, or locations, we can look into it for you. I need to be able to see it so I can make sure my solution works.
pigsquash · Member · Apr 12, 2013 at 11:28 pm
Copy link
Thanks. It seems to only be happening on my newest blog: http://electroplague.wordpress.com.

But that’s still private until i get it put together. The theme is Twenty Twelve. My two other WP blogs both use the Twenty Ten theme, and this has never happened on them.

So maybe Twenty Twelve hyphenates instead of wrapping by default in text on pages, whereas Twenty Ten wraps by default? I would rather have words wrap and not become broken onto two lines.
justpi · Member · Apr 13, 2013 at 2:07 am
Copy link
Yes, the text on 2012 is set to auto hyphenate. To disable it, add this in the CSS editor:
```
.site-content article, .widget-area .widget {
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
```
pigsquash · Member · Apr 13, 2013 at 2:46 am
Copy link
Thanks! I don’t actually know what or where the CSS editor is. Do you think I need a custom upgrade for that? I am flying free here. ;) I’ll have a look around my dashboard.
1tess · Moderator Emeritus · Apr 13, 2013 at 2:48 am
Copy link
Yes, the CSS is a paid upgrade.
http://en.support.wordpress.com/custom-design/
pigsquash · Member · Apr 13, 2013 at 2:50 am
Copy link
Hmmmm. Bummer for me. Does that mean I am stuck with auto-hyphenation on all my text in 2012 unless I want to change to a different theme (like 2010, which I know doesn’t auto-hyphenate)?
justpi · Member · Apr 13, 2013 at 2:50 am
Copy link
Yes, you need the upgrade. You posted in the CSS forum, so I assumed you have the upgrade.
Without the upgrade, you can disable auto hyphenation by pasting some code in the post editor, but you’ll have to do it for each and every post. Are you interested in this?
pigsquash · Member · Apr 13, 2013 at 2:52 am
Copy link
I would like to paste that text onto my static home page at least.

I didn’t select what forum my question appeared in. I just followed to help link until I got to “ask your question” ;)
justpi · Member · Apr 13, 2013 at 2:56 am
Copy link
Switch the editor to “Text” (=code) and enclose the content in this code:
```
<div style="word-wrap:normal;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;">

COMPLETE CONTENT HERE

</div>
```
pigsquash · Member · Apr 13, 2013 at 2:58 am
Copy link
Thank you very much, justpi. :)
justpi · Member · Apr 13, 2013 at 2:58 am
Copy link
But, in my opinion, if you don’t like auto hyphenation better switch to a different theme. There’s nothing very special about 2012 anyway.
justpi · Member · Apr 13, 2013 at 2:59 am
Copy link
And you’re welcome.
pigsquash · Member · Apr 13, 2013 at 3:11 am
Copy link
I think you’re right about switching to a different theme. ;)
tamdoll · Member · Apr 22, 2013 at 3:50 am
Copy link
Thank you for the CSS code, it was an easy fix in my child-theme css!

No items found.