Spacing & Hyphenation Issues- Plz help me!
Permalink
Hi, our web designer/developer has disappeared off the face of the earth so my boss asked me to update some stuff on our website that was done concrete 5.
My boss wants the text blocks to no longer hyphenate words that are too long. I have tried everything from inserting the text from word, retyping it...etc. but every time I press enter I get a HUGE space. How do I either eliminate the hyphenation and have the long word start on the next line or type in a content block and not have giant spacing between the lines? Any info would help.
Thanks
My boss wants the text blocks to no longer hyphenate words that are too long. I have tried everything from inserting the text from word, retyping it...etc. but every time I press enter I get a HUGE space. How do I either eliminate the hyphenation and have the long word start on the next line or type in a content block and not have giant spacing between the lines? Any info would help.
Thanks
As @rony says, almost certainly something in the theme CSS. You should also view the page in different browsers. If the hyphenation is different, it may be that auto-hyphenation has been set in the css (its not supported by all browsers, hence looking in different browsers will tell you if auto-hyphenation is the problem) http://caniuse.com/css-hyphens
In the meantime, in the content editor you should check the HTML view. A block that has been edited multiple times starts to pick up all sorts of rubbish that TinyMCE inserts. So just going through the HTML view and removing crud can make a big difference.
You can also experiment with <nobr> .... </nobr> tags. Though I don't know if the editor will respect them (they may just get stripped out when you save).
In the meantime, in the content editor you should check the HTML view. A block that has been edited multiple times starts to pick up all sorts of rubbish that TinyMCE inserts. So just going through the HTML view and removing crud can make a big difference.
You can also experiment with <nobr> .... </nobr> tags. Though I don't know if the editor will respect them (they may just get stripped out when you save).
Quick and dirty solution for removing extra space between lines: try selecting your editable text and quit editing in paragraph style and select div instead in your editor. Paragraph style normally adds space when a new paragraph (hitting enter/return) is created. Otherwise, you can view in html mode, remove the </p> at the end of your line (where you hit return) and try replacinging it with </br )instead. This is a real pain if you have several edits to do though :(
When editing text, at the end of a line, hitting ENTER will start a new paragraph, but holding SHIFT and then pressing ENTER just starts a new line within the same paragraph. That might help, as it could be that the paragraph tag has a large CSS value set for padding-bottom or margin-bottom.
And for hyphen, I'm not sure about that.
Rony