word splits badly at the end of line

Tagged: line break

This topic has 8 replies, 4 voices, and was last updated 10 years, 10 months ago by Michaela.

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

Author

Posts
September 18, 2013 at 1:43 am #14704

harpagust
Member

Hello I am using Catch Everest. The website im building is http://www.ljosritun.is.
I am having trouble with how wrong the words break at the end of some lines in the text like here ( http://www.ljosritun.is/?page_id=11 )but only when I use the browsers Safari and Firefox. It looks good in Google Chrome and Internet Explorer.

September 18, 2013 at 8:06 pm #14728

Sakin
Keymaster

@harpagust: Can you tell me which text? As I just check in from Firefox and cannot find it.

November 14, 2013 at 11:23 am #17211

Kardaya
Participant

I am too having the same issue in Firefox and in Safari. I am using the Pro version of the theme.

November 14, 2013 at 1:16 pm #17218

Sakin
Keymaster

@Kardaya: Can explain please. I don’t get it what you are talking about. Maybe you can share your screenshot.

January 25, 2014 at 5:39 am #19626

Michaela
Participant

I have the same issues as Kardaya and Harpagust. In Firefox, every second line has a split word in the end (e.g. vi-sion), whereas in Chrome it looks fine (vision). How can I change this? Is there maybe an option where I can say I only want words split which are longer than 10 letters?

January 25, 2014 at 8:52 am #19631

Sakin
Keymaster

@Micha: I hope you mean Word-Warp. I don’t have your site URL to check in. So, can you add the following CSS in “Appearance => Theme Options => Custom CSS” and check in.
body, button, input, select, textarea, .site-content article { word-wrap: normal; }

January 27, 2014 at 3:52 am #19679

Michaela
Participant

No, unfortunately that’s not it. Please check the page http://travelintense.com/equipment/gadgets/binoculars/ and read the second paragraph. Here, the following words are split in Firefox, eventhough it’s not necessary and it just looks weird: vi-sion, im-age, al-lows, trav-eling, com-pact. Any ideas why?

January 27, 2014 at 10:57 am #19686
Sakin
Keymaster
@Micha: That page is not found. Try replacing the above css with the following.
```
body, button, input, select, textarea, .site-content article { 
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
```
January 27, 2014 at 10:52 pm #19713

Michaela
Participant

That’s it! Great, thanks a lot!
Author

Posts