Support » Themes and Templates » Twenty Twelve hyphenation

  • 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)
  • Moderator Andrew Nevins

    (@anevins)

    How would you differentiate between necessarily hyphenated words and not?

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

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

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

    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.

    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;
    }

    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;
    }

    thanks pete

    Yeah Thanks Pete.

    Yep, worked for me too!

    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!!

    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

    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!

    Thanks Pete!

    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)

    Forum Moderator

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

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Twenty Twelve hyphenation’ is closed to new replies.