Hyphenation in Twenty Fifteen

There’s likely a cleaner way to fix this, but here’s what I have added to my child theme to eliminate them for now.

.widget {
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	-ms-hyphens: none !important;
	hyphens: none !important;
	word-wrap: break-word;
}

.entry-content,
.entry-summary,
.page-content,
.comment-content {
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	-ms-hyphens: none !important;
	hyphens: none !important;
	word-wrap: break-word;
}

ladyguardian…good fix. Thanks!

Thanks, ladyguardian!

Where do I put that piece of code?

I have it in the style.css of my child theme for twentyfifteen. This way I don’t mess with any of the base theme files and changes won’t be overwritten in future theme updates.

Hi ladyguardian:

Thanks for your code. I used it to stop hyphenation of headers.

But I find Twenty Fifteen doesn’t hyphenate within block quotes. I want it to hyphenate there! Can I modify your code to turn on hyphenation in blockquotes? I assume I would replace each instance of none in your code with something else? What would that be?

Thanks!

In your child theme, adding something like

blockquote {
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
}

Might do the trick? I’ve not tested this myself. Replacing “none” with “auto” should handle what you need.

That worked. Thanks so much!

Just wondering if anyone can help, I have the same problem and have tried to add the code at the bottom of the file, I’ve also gone through and adjusted all the word-break and hyphen sections and it has made no difference. I’m totally new at this and no clues what I am looking at or what I am doing. The website I am doing is not currently live as I want this hyphenation thing fixed first!!

Thanks!!