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!!