Text cut off in first front page banner widget

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-wrap:break-word;
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.

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.

Thanks. Glad it’s all sorted ??