Words are being broken when window is resized

  • torzmanian dev

    (@torzmanian-dev)


    9 years, 4 months ago

    Hi,

    I’m using Minimaliste. When I resize the window, words get cut off as the text/line length is adjusted to fit the new window size. How can I fix this?

    My site is: thenontoxicsnooze.com

    Thanks,
    Torz

    PS. I just posted this separately under the wrong topic mistakenly, so sorry about that.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Virgil Shelton

    (@archaxis)

    9 years, 4 months ago

    Hey!

    Ah what’s doing this is the CSS word-break property. To fix this you’ll need to edit your style.css file and go to around line 570 and look for word-break: break-all

    .entry p {
    -moz-hyphens: auto;
    margin: 8px 0;
    word-break: break-all;

    change the word-break properties value from break all to keep-all;

    So you’ll have

    .entry p {
    -moz-hyphens: auto;
    margin: 8px 0;
    word-break: keep-all;

    Done!

    Thread Starter torzmanian dev

    (@torzmanian-dev)

    9 years, 4 months ago

    Hi! Thanks for the speedy response! I actually saw something about that on w3schools as searching on this.. Was hoping that perhaps it was something the Theme developers knew about could fix as I’m a little if-y on CSS editing, but will take a look nonetheless and see what happens..

    Thanks!
    Torz

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Words are being broken when window is resized’ is closed to new replies.