Hyphenation

This topic has 7 replies, 2 voices, and was last updated 8 years, 11 months ago by Andrew Misplon.

Tagged: hyphenation

Author
Posts
June 3, 2016 at 7:40 pm #3643
Andrew Misplon
Keymaster
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.
June 3, 2016 at 8:57 pm #3647

Tricia
Participant
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!
June 3, 2016 at 8:59 pm #3648
Andrew Misplon
Keymaster
Glad that partially helped, try adding:
```
/* Headings */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
	hyphens: none;
}
```
June 3, 2016 at 9:28 pm #3652

Tricia
Participant
hmmm, no this didn’t work. that makes sense to me, but not doing the trick.
June 3, 2016 at 9:31 pm #3654
Andrew Misplon
Keymaster
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.
June 3, 2016 at 9:34 pm #3656

Tricia
Participant
Brilliant! That did it! Thank you!
June 4, 2016 at 12:06 pm #3659

Andrew Misplon
Keymaster
Super 🙂 Really glad to hear that did the trick.
Author
Posts

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.