A font consisting of more than one word needs to be enclosed in quotes. Change your CSS to “Trebuchet MS”.
Thread Starter
manyee
(@manyee)
Hi thanks for this.
sorry for the delay in responding. I wanted to check the outcome before getting back to you.
Well it doesn’t seem to have worked.
This is what i did.
body {background: #fce5d6 url(images/background.jpg) repeat-x;font-size: 11px;font-family: “Trebuchet MS”, sans-serif, Geneva, Arial, Helvetica;color: #F5FFFA;text-align: center;margin: 0px;padding: 0px;}
So could I be posting it to the wrong line? This is the only line in the style sheet that refers to the body.
As it didn’t work, I also tried typing in courier (being just one word) where I had trebuchet MS, and that didn’t work either.
Do you think you know what the problem might be.
Many thanks
Look for something that is p {font-family….} in the style sheet.
Also, have you looked at the code view of the post? Copying text from word into the post content area pulls in a mess of word code yuck.
No – you can’t style a font from the body – it needs to be in any of the p class elements. You really need to include a link to your site so we can see what you have there.
Thread Starter
manyee
(@manyee)
Hi guys
thanks for your help. I’m really new to wordpress, so struggling through it slowly. I really appreciate the help.
I’ve copy and pasted the css style sheet here in wordpress.pastebin.com as per link below
I cant seem to see the p class element you refer to though, so is it in the style sheet, or another sheet?
THanks
Thread Starter
manyee
(@manyee)
hi can you see the link? i pasted in into the link button above, but not sure you can see it…
Thread Starter
manyee
(@manyee)
By the way, I did post from word into the post content area.
I tend to write in word first so I can edit it, etc.
How can I get around this problem? I like using word, so can I copy and paste from word into notepad, and then into wordpress?
If this isn’t possible, what else could I do?
If you posted a link, it does not show, so I don’t know how you did it.
There is no way around Word screwing up anything you want to paste into WP. Even pasting from Word into notepad, you will get extraneous characters that will have to be removed. You need to bite the bullet and just use Notepad or one of the better plain text editors (I use EditPad Classic). Is there a particular reason you can’t – or prefer not to – write within WP’s editor?
Yes – CSS elements are always in the styles.css – not PHP files.
Thread Starter
manyee
(@manyee)
Hi Saurus
thanks for this.
sorry about the link not showing.
Here is the link.
http://wordpress.pastebin.com/m6eb5bca6
Please take a look at my style.css.
Many many thanks
On line 9, your font is not capitalized and there are no quote marks. In the other instances … you have a single quote mark (`) instead of a regular quote mark (“). Change those and see what happens.
Your stylesheet is very unusual in the way it’s written. While the shorthand is correct – it’s just unusual to see a blog stylesheet done that way. Somewhat difficult to follow because the writer doesn’t use standard p classes, where you’d expect to find your fonts listed. Curious.
Thread Starter
manyee
(@manyee)
Hi there.
I made your suggested changes.
I changed all the quotation marks to ” and made capitalised the ‘T’ and ‘MS’.
However it is still not working.
Hmmm, yeah very strange. I am not sure what the problem could be…
Could I put in some could which might make the font default to the new text?
Many thanks
it won’t display properly until you get rid of the code word put in the post. Inline styles trump stylesheet every time.
To do this, go the post, select html view, and get rid of everything that isn’t your text. There’ll be lots of “MSO” blah blah crap in there.
To paste from word, try clicking on “show kitchen sink” (right below upload media). A new bar appears, including a clipboard with a w. click on that, paste the text from word into the pop-up box, then choose Ok. The post should appear correctly.
Thread Starter
manyee
(@manyee)
Hi There
thanks for this.
Sooo, as you suggested, I deleted all the crap in the HTML sheet for the post. The only thing I left was the text for my entry.
The effect of this was to make my font really small. So still no joy. Something in my CSS sheet is making the font small. I’ve tried changing the font size in all sorts of lines, but nothing seems to work.
At least I know now the font isn’t being affected by me posting from word, but I’m still not sure what line I need to change in the style sheet. Can you know from the link I posted in pastebin?
Saurus says that the writer didn’t use standard p classes in the style sheet. However, I noticed references to ‘p class’ in the “post” sheet. THe code for this is in the following link.
http://wordpress.pastebin.com/m49cdb6a0
DOes this help shed some more light?
Many thanks
i agree with Saurus, it’s a funny style sheet.
The reason it looks small is probably this:
body {background: #fce5d6 url(images/background.jpg) repeat-x;font-size: 11px;font-family: 'Trebuchet MS', sans-serif, Geneva, Arial, Helvetica;color: #F5FFFA;text-align: center;margin: 0px;padding: 0px;}
It’s setting base font size to 11px. Try taking out the font-size:11px; and see how it looks. Test in different browsers. I like to set font size in the browser in percentages; you could try something like font-size:80%; and adjust as you like.
Another weird thing is in the php:
<?php the_content('<p class="Trebuchet MS">Read the rest of this entry »</p>'); ?>
there is no class Trebuchet or class MS which is what that is saying. You can safely delete the class and leave just <p>. Even if there was a class it would be redundant, since Trebuchet is specified multiple times in the style sheet.
