Able theme, no word-wrap

nikivetten · Member · Aug 31, 2012 at 4:39 pm
Copy link

Add topic to favorites
I just enabled the newly-released Able theme but I notice that it’s simply cutting words off in the middle at the end of lines instead of moving them down to the next line. I’ve checked my html and that’s not the problem. I left it like that if anyone wants to see how it displays.

Any ideas? I like the theme but I’ve never encountered this problem with any of the other themes I previewed or used and I’m not a newbie at this so I think it’s a bug in the theme
Blog url: http://nikivetten.wordpress.com/

The blog I need help with is: (visible only to logged in users)
nikivetten · Member · Aug 31, 2012 at 5:02 pm
Copy link
I just looked at it in Chrome, Safari & Opera and it displays fine in the webkit-browsers but has a problem in Firefox 15 and IE9.
Definitely needs tweaking in the css
timethief · Member · Aug 31, 2012 at 5:03 pm
Copy link
I’ll flag this thread so it’s moved to the Themes Forum where you can get support form Themes Staff.
timethief · Member · Aug 31, 2012 at 5:05 pm
Copy link
P.S. I’m using Firefox 15 and I don’t see any evidence of what you report. Will you please post an active link starting with http:// to a post or a page that has an example of this?
nikivetten · Member · Aug 31, 2012 at 5:07 pm
Copy link
thanks
timethief · Member · Aug 31, 2012 at 5:08 pm
Copy link
You’re welcome. BTW which browser and version of it are you using please?
nikivetten · Member · Aug 31, 2012 at 5:09 pm
Copy link
Understanding and Managing Sacroiliac Pain in Yoga Practice
nikivetten · Member · Aug 31, 2012 at 5:10 pm
Copy link
Firefox 15
timethief · Member · Aug 31, 2012 at 5:18 pm
Copy link
I can’t see that happening in your post. Are you referring to the post title?
sensuousinkspiller · Member · Aug 31, 2012 at 5:21 pm
Copy link
I noticed this in the demo, when I was looking at it yesterday.

Scroll down to “Free and Priceless at the Same Time” and to “The Beginning of WordPress” – they both show cut off words on the first lines.

I’ve changed screen resolution, and it didn’t help. (Firefox 15 on a Mac.)
timethief · Member · Aug 31, 2012 at 5:27 pm
Copy link
Hmmm … I wondering if this isn’t related to what’s reported here about The Columnist https://en.forums.wordpress.com/topic/columnist-automatic-abbreviations-displaying-improperly?replies=2
nikivetten · Member · Aug 31, 2012 at 5:27 pm
Copy link
Using Windows, and I see it everywhere: titles, text-body, sidebars.
nikivetten · Member · Aug 31, 2012 at 5:29 pm
Copy link
I think so
nikivetten · Member · Aug 31, 2012 at 7:42 pm
Copy link
Looking at the css with inspect element, this is what’s causing the problem in FF15:

Inherited from div#secondary (/_static/:4040) #primary, #secondary, #tertiary { word-break: break-all; -moz-hyphens: auto; }

Disable both and it displays correctly.

http://blog.kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/

offers a solution to webkit and FF-browsers although it displays better in FF without -moz-hyphens: auto;
sixhours · Member · Aug 31, 2012 at 7:53 pm
Copy link
Hi there! Thanks for bringing this to our attention. I’ve just made a quick change that should fix it. Let us know if you have further problems!
nikivetten · Member · Aug 31, 2012 at 8:40 pm
Copy link
It looks great now, thank you.
philiparthurmoore · Member · Sep 3, 2012 at 1:30 am
Copy link
@nikivetten This is so annoying. I’ve re-enabled word breaking via break-word so you shouldn’t see any problems like before, but let me know if you do. Thanks for bringing this to our attention.
nikivetten · Member · Sep 3, 2012 at 1:55 pm
Copy link
It looks fine now. The constantly shifting css-goalposts when designing are annoying.
Thanks for an excellent theme

No items found.