how to stop my site title hyphenating in firefox
-
Hullo
I’m building a small website for a charity, using the Bon Press theme and for the life of me, I can’t figure out how to stop the word Foundation in the site title from hyphenating rather than simply moving the WHOLE word onto the next line…
It’s fine in Chrome and Opera and WAP, but hyphenates in Safari and Firefox.
I’ve purchased an upgrade but changing font size makes no different.
If anyone could help I’d be very grateful.
Thank you.
The blog I need help with is: (visible only to logged in users)
-
Hopefully, this may help you:
Use the exact code without the spaces.The space before the last word of a title is automatically converted into a non-breaking space, to prevent “orphans” (a single word as the last line of a paragraph). This happens no matter what the theme. The only way to override it is paste this right before the last word (minus the spaces):
& # 8 2 0 1;
That’s the HTML entity for a thin space: it will allow a line break between the last two words.
https://en.forums.wordpress.com/topic/twenty-thirteen-line-break-in-post-titles?replies=11#post-1244656 -
Thank you Time Thief, and for answering so quickly!
My next question is, where do I paste & # 8 2 0 1;?
My only access points seem to be under Settings-General Settings
or going to Customize -Site Title
Neither place allows me to input code (it appears as & # 8 2 0 1; as part of the title!
Thank you again
-
I’ve just thought – Is this something that could be done via Firebug?
It won’t let me see the CSS, but I can see some HTML that way….
-
-
-
I tried both, and tried again in case I left spaces but no-can-do.
It comes up on page as The Ernest Hecht Charitable& # 8 2 0 1;Foundation
And I can’t seem to find the style sheet anywhere! Grrrr
Can you think of anywhere else I might paste it?
ps thank you!
-
I don’t think this is a CSS editing issue but could be wrong.
As you have purchased the custom design upgrade see here https://wpcom-themes.svn.automattic.com/coraline/style.css
See also:
http://en.support.wordpress.com/custom-design/editing-css/
http://en.support.wordpress.com/custom-design/custom-fonts/I’m tagging the thread for a response from Themes Staff. Please subscribe to the thread so you are notified when they respond and please be patient while waiting.
-
Thank you so much.
I’ll be honest, I don’t understand the first one – it just looks like code to me and I’m not sure what I should be looking for…
But will take a long hard look a the support links
and wait patiently…
ps do you mean subscribe to this thread, or are you moving it to another? Because I’m already getting your support via email AND the site
-
I’ve just checked and I’ve actually worked my way through both of the support options.
They allow me to change font and size but neither stops it hyphenating in Safari and Firefox.
I’ve managed to turn off hyphenating elsewhere using:
<div style=”word-wrap:normal;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;”>
The text and then:
</div>
But I cannot see where or how to stop it happening in the title!
-
And I can’t seem to find the style sheet anywhere! Grrrr….
I’ll be honest, I don’t understand the first one – it just looks like code to me and I’m not sure what I should be looking for…
That’s the link to the stylesheet you referred to.
-
Thank you. Forgive my slowness.
I’ve had a look and found the below, which seems to relate to the site title and alignment, but as for employing it, I’m afraid it’s too much for my newbie brain. I’m scared I could make it worse.
It’s frustrating that I don’t know enough to execute what seems like a straight forward thing – remove hyphenation from the site title, but at least I know more than I did two hours ago – thank you
#site-title {
font-family: “Helvetica Neue”, Arial, Helvetica, “Nimbus Sans L”, sans-serif;
font-size: 36px;
letter-spacing: -0.03em;
line-height: 42px;
text-align: center; -
I’ll move this to the CSS forum because it seems that one should be able to over-ride the widows and orphans standard for themes with the upgrade.
It is odd that the thin-space entity does not work. Nor did other entities I tried. Maybe I’m just not clever enough? Or this is a theme flaw for folks who want titles just a bit longer than the narrow space you get on that theme.
-
Thank you 1tess. Glad it’s not just me who finds it odd.
But hope it’s not your last point – can’t get them to change the name of the charity…
Paws crossed
-
Hey Abigail, try this:
.site-title, .site-title a { -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; } -
Hi Mariano
Thank you for responding!
one question – Where should I put this?
I can’t seem to find a way into the site title to add code…
-
To be able to edit CSS code, you need to purchase the Custom Design upgrade. If you already have purchased the upgrade, just go to Appearance → Customize → CSS in your blog dashboard and paste the code I gave you right there. I tested it using Firefox, and it worked :)
-
Thank you Mariano! It worked! It worked! Woo-Hoo!
What a relief – I’m very happy, bless you – and this forum.
Thank you!
- The topic ‘how to stop my site title hyphenating in firefox’ is closed to new replies.
WordPress.com Forums 