Support » Theme: Quark » Text cut off in first front page banner widget

  • Resolved


    In Internet Explorer, the text in the first front page banner widget gets cut off and wraps irrationally (for instance, it will wrap the text in the middle of a word). I went on the Quark Theme in IE and noticed it has the same problem. Any idea of how to fix this? It seems to be an IE only problem.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Anthony Hortin


    If you want to stop the text from wrapping part way through a word, try removing the following styles from .widget-area .widget in style.css.

    -moz-hyphens: auto;
    -ms-word-break: break-all;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word;

    Thanks for the quick response, Anthony. I put that CSS in there and it did add some hyphenation, etc. in the other browsers, but IE doesn’t look any different. You can take a peak at the site here and see what I’m talking about.

    Theme Author Anthony Hortin


    You need to remove that CSS, not add it in.

    I’ve just had a look at your stylesheet and it doesn’t look like you’ve done either. The styles haven’t been removed from the quark stylesheet, like I mentioned, and they haven’t been overwritten in your child theme.

    Since you’re using a child theme, add this to your style.css file in your child theme…

    #wrapper .widget-area .widget {
       -moz-hyphens: none;
       -ms-word-break: keep-all;
       -webkit-hyphens: none;
       hyphens: none;
       word-wrap: normal;
       word-break: normal;

    Sorry, I’m a CSS n00b.

    In any event, your latest fix worked – thanks!

    And btw, awesome theme – you’ve done a great job with it and I really have enjoyed working with it.

    Theme Author Anthony Hortin


    Thanks. Glad it’s all sorted 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Text cut off in first front page banner widget’ is closed to new replies.