Twenty Twelve: Word-Break Issues

  • Please could someone advise me how I would stop words breaking at the end of each line in the Twenty Twelve template.

    I’d rather there was no breaking of words and that if a word doesn’t fit on the sentence, it is automatically placed on the next line down as the word-break seems to make things more difficult for the reader to read and breaks the natural flow of reading.

    I have tried removing the word-break coding at the top of my custom template, but this makes no difference.

    Thanks in advance

Viewing 13 replies - 1 through 13 (of 13 total)

  • to start with: don’t copy all styles from Twenty Twelve into style.css of the child theme; that is what this line does: @import url("../twentytwelve/style.css");

    only add styles to overwrite what you want to change.

    to stop the breaking of the words, add:

    .site-content article {
	word-wrap: normal;
}

    https://www.w3schools.com/cssref/css3_pr_word-wrap.asp

    Thread Starter Laidir

    (@laidir)

    Thanks for that. Wasn’t sure what I should do in terms of the contents of the css file in my child theme.

    I’ve tried the above fix. It doesn’t stop the words from breaking?

    ps:
    for the sidebar, there is another style – add also:

    .widget-area .widget
{
  word-wrap: normal;
}

    and do not forget to clear the browser cache if you want to see changes to the styles immediately – press ‘reload’ (sometimes needs more than one reload) or press ‘ctrl f5’ …

    if this does not work:

    please post a link and point to a particular word.

    what browser are you using?

    Thread Starter Laidir

    (@laidir)

    Hi,

    Thanks for your help.

    I’ve cleared the cache. All other changes I make are registering too when I adjust the child theme but the word-break code is still breaking words at the end.

    Thread Starter Laidir

    (@laidir)

    I’m using Firefox.

    See the word breaks in the first post here:

    https://www.valeriejefferies.com/fitness/category/personal-blog/

    The word intensity on the second line.

    IE8 on a wide screen does not show any hyphenations until paragraph seven, but they are there.

    you are right – I didn’t check the original css;

    expand the styles to:

    .site-content article {
	word-wrap: normal;
-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

.widget-area .widget
{
  word-wrap: normal;
-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

    Could WordPress please offer a general option to enable/disable hyphenation?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Pander, you can ask this in the Requests and Feedback forum.

    Thanks @alchymyth. It works ??

    Thanks Michael, your help is much appreciated.

    Thanks Alch.,
    You’ve got style!!

    Smarty

    (@martin-j-van-der-lugt)

    Thanks Alch.

    It seems that this works for pages, but my posts are still showing word-breaks. Do you know what to do?

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Twenty Twelve: Word-Break Issues’ is closed to new replies.