- This topic has 7 replies, 2 voices, and was last updated 7 years, 10 months ago by
.
- Posts
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 replycheckbox 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; }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.
You must be logged in to reply to this topic.