Eighties Theme line break and word separation
-
Hi guys,
I noticed an odd behaviour of the eighties theme in both the desktop and mobile version of firefox.
Once the window gets too small and the text ist compressed, the words are getting separated to fit the line, resulting in the rest of the word being put straight into the next line; sometimes just one letter.
Is there a way to fix that?
The blog I need help with is: (visible only to logged in users)
-
Is there a way to fix that?
Make the titles shorter, or change the font with CSS customization (Premium Plan).
-
-
//clarification I don’t mean the line break of the title. That works just fine in Firefox while it surprisingly doesn’t work with other browsers (I don’t mind that).
The problem occurs in the actual blog posts. E.g. words like “summary” for example get separated into “summar <linebreak>y”
-
The problem occurs in the actual blog posts. E.g. words like “summary” for example get separated into “summar <linebreak>y”
Sorry, I misunderstood. That isn’t right, and should be brought to the attention of staff. I’ll tag the thread to summon staff.
//clarification I don’t mean the line break of the title. That works just fine in Firefox
I’ve got Firefox, but my monitor is an old one, 12″ X 9″ (4:3 aspect ratio) with the resolution set to 1024 X 768. Your site title on the front page looks like this:
<h1 style=”text-align: center;”>Internet Stud-
ent</h1> -
<p style=”text-align: center;”>Internet Stud-
ent</p>That’s what I thought you were referring to.
-
-
I think it would be best if I just add an English post to make the problem obvious. But you’re on to it already. Your example is an example though of the display fault. It should be only two words in the title and of course the line break should be right where the space-character is. But I don’t mind it that much in the title. It just really shouldn’t happen in the blog entries. Though I guess there is a real chance that once the main posts are displayed correctly, the title will be too.
I agree it’s pretty weird, and obviously happens only in some Firefox versions. In the mobile version of Firefox the title and only the title is broken up correctly whole the post display is faulty.
Meanwhile both the mobile built-in-browser and Chrome (mobile and the current Desktop version) display the actual post correctly but mess up the title.
-
and // correction; the spearation of “Internet Stu-dent” is grammatically correct. So that’s fine; I overlooked the “-“
Anyway I added an english example and the blog entry continues to show the problem, as soon as the resultion drops under, I’d say, about 800px in width.
-
I forgot to mention that when I zoom out two clicks your site title appears on a single line. So I would think that with the more typical wider screen monitor (1366 X 768 and up) it would appear on a single line. I’m one of the few humans without an android mobile device, so I’ll just take your word in that area.
Also, I apologize for forgetting to add the “modlook” tag to alert Staff earlier as promised. Just did so 10 minutes ago. I’m going to blame it on too much 1970s American TV.
-
Thanks so much for the help so far.
And I actually don’t mind the title issue of two line/ one line etc. You are right, with my wide Screen i have one line which is quite the best solution visually but I won’t push single-line display in general. That’s not necessary, which means my main focus now is getting the articles into a readable format. :)
-
Hi there!
The hypenation is actually controlled by the browser. For example, Chrome doesn’t support hyphenation, so your site doesn’t do this in Chrome. It looks like Firefox isn’t very discerning about where it will break words.
There is some CSS code you could add to stop browsers from doing this if you purchased the Premium plan.
Sorry I can’t be more helpful here, but let me know if there’s something else I can do.
-
Just so I get that: the problem with the free theme is that it isn’t optimised for one of the three most common browsers and the only way to do something about it is to add some CSS code that should be in the theme anyway if it fixes the compatibility problem? So I have to purchase the prime to get a free theme to work properly? That’s frankly disappointing.
But of course I thank you for your answer and your time to write it. I appreciate both.
-
Hi there!
Just to clarify, while there is CSS that can force browsers not to hyphenate words, not all browsers are able to use that CSS. In general, we try not to overwrite the native behaviors of a browser when we’re designing. We add non-breaking spaces as necessary to make sure that words and lines aren’t orphaned, but word splitting is something that the browser controls.
I’ve added this as a suggestion for our themes team.
- The topic ‘Eighties Theme line break and word separation’ is closed to new replies.
WordPress.com Forums 