Twenty Twelve hyphenation

yoyo718
(@yoyo718)

11 years, 4 months ago

I noticed that words are sometimes broken up by hyphens in a post even browsing on the iPad landscape. And some of these words don’t even make sense. For example, at the end of a line:

Pocus St. becomes:
Po-
cus St.

Is it possible to disable hyphenation so words simply wrap to a new line if necessary?

Viewing 15 replies - 1 through 15 (of 16 total)

1 2 →

Andrew Nevins
(@anevins)

WCLDN 2018 Contributor | Volunteer support

11 years, 4 months ago

How would you differentiate between necessarily hyphenated words and not?

Thread Starter yoyo718
(@yoyo718)

11 years, 4 months ago

You wouldn’t. Since hyphenation would be disabled words would simply wrap to the next line.

WPyogi
(@wpyogi)

11 years, 4 months ago

You can change the CSS for word-break which may fix that:

http://www.w3schools.com/cssref/css3_pr_word-break.asp

open flips
(@openflips)

11 years, 4 months ago

I also noticed this issue.

But I can’t figure out how to disable hyphenation. I don’t want any word to be displayed with a dash but ‘word-break’ css option does not seem to work…

Thanks.

open flips
(@openflips)

11 years, 4 months ago

I used the code bellow but I’m not sure if it works on all modern browsers. Fine on Firefox.

p {
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
Pete
(@perthmetro)

11 years, 2 months ago
style.css around line 947 – replace auto with none
```
.site-content article {
	border-bottom: 4px double #ededed;
	margin-bottom: 72px;
	margin-bottom: 5.142857143rem;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
	word-wrap: break-word;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
```
brm051
(@brm051)

11 years, 2 months ago

thanks pete

F15
(@f15)

11 years, 1 month ago

Yeah Thanks Pete.

leejosepho
(@leejosepho)

11 years, 1 month ago

Yep, worked for me too!

journeyfromseed
(@journeyfromseed)

11 years ago

oh my, yes a Big Thank You pete! as someone who is 100% new to css, having the line number was extremely helpful in locating the place where i was supposed to chance the stylesheet. in the recent past i’ve spent many hours trying to discern where i am meant to add the fixes that people suggest. thanks for saving my day!!

WPyogi
(@wpyogi)

11 years ago

Actually, you should not be making changes to the style.css file – any changes you make to theme files will be overwritten and lost when the theme is updated. And with the default theme, it will be overwritten when WP is updated. You also need a clean, unchanged copy of the default theme for troubleshooting.

The better way to make changes is using a Child Theme

http://codex.wordpress.org/Child_Themes

journeyfromseed
(@journeyfromseed)

11 years ago

ah thanks for the clarification. i created a child theme a while back when trying to fix something else that i was never able to resolve. i’ll change there. thanks!

ivanjunge
(@ivanjunge)

11 years ago

Thanks Pete!

potzas
(@potzas)

10 years, 12 months ago

Hi, I’m having the same problem. I changed the code but it didn’t work? I’m using the Catch Everest Pro theme. Any ideas?

esmi
(@esmi)

10 years, 12 months ago

@potzas: Your question has absolutely nothing to do with the Twenty Twelve theme. Please post your own topic.