How do I remove line hyphenation throughout the site? If a word needs to move to the next line (due to resizing the screen, for example), I’d like the entire word to move to the next line. Can you provide css code for this (to include in Custom CSS)? Thank you!!
Hi Tricia
Thanks for reaching out. Sure, go to Appearance > Custom CSS and insert:
/* Paragraphs */
.entry-content p {
hyphens: none;
}Does that work? If not, can you send a link to the page concerned. You can use the Set as private reply checkbox below if required.
Yes, that worked on most of the text. However, it didn’t work in one area — I am using SiteOrigin Editor with an “H5” style and an “H1”, so the “.entry-content p” didn’t work for that. I tried using this in the style sheet
/* Paragraphs */
.h5 {
hyphens: none;
}
But that didn’t work. Do you have any suggestions? My site isn’t currently available to share with you, but I hope to take care of that in the next few weeks.
Thanks Andrew!
Glad that partially helped, try adding:
/* Headings */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
hyphens: none;
}hmmm, no this didn’t work. that makes sense to me, but not doing the trick.
If you’re using Firefox then that might explain it, try the following:
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
-moz-hyphens: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}I could also take a look once the site is live if this doesn’t help.
Brilliant! That did it! Thank you!
Super 🙂 Really glad to hear that did the trick.