–
January 26, 2011Posted in: Blogging
So you have Arras loaded and you really like the layout, but maybe you don’t like the standard font, maybe you don’t like the size of the font. So this article will show you how to change the fonts and the size of the font in each post. The answer is simpler that you might think.
In your wp-admin go to Appearance then select Editor
Now open your user.css and add the following code:
.post .entry-content { font-family: Verdana, Arial; font-size: 110%; }
That code says when I make a post to use the font Verdana or Arial if the computer doesn’t support Verdana and then to make the font size 110% of normal. Now you can up or lower this number or change the font and go crazy if you like.
Have a wonderful day,
To share this article with others, just click on your social media below:
|
|
DonationsIf you found this article or tips helpful and would like to say thank you in the form of a donation or perhaps buy me a cup of coffee or a beer, then please use the form below and Thank you so very much. |
About JD
John Howard has owned 13 companies, had a Real Estate license, been an Mortgage Loan Officer, been extensively involved in Day Trading, Commodities, Bought and Sold Tax Property, Accomplished Tax Auditor, Accountant, Written numerous computer programs, Written Screen Plays & Short Films, been Director on two major production short films, and has been semi-retired since 2007, concentrating on personal investing and writing.
This didnt work for me. I dont see any change in the font type or size. Is there another way?
You use Arras and went to your user.css and copy and pasted the code:
.post .entry-content { font-family: Verdana, Arial; font-size: 110%; }
and it didn’t work? Hmm, that is quite odd.
This works much better.
Navigate to Arras user.css and drop this in:
.traditional .post .entry-content, #main .single-post .entry-content { font-size: 17px; font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif; font-weight: 250; line-height: 1.5; overflow: hidden; }
Modify as needed.
I have a similar problem, I want to change the sizes of the headers (h2, h3, h4 etc.)
I tried adding the following to my user.css but it didn’t work:
/* Headings */
h2, h3, h4, h5, h6 { margin: 1em 0; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }
This code was meant to make each heading smaller by a notch from the original programming.
Any suggestions?
Worked like a charm, thanks a lot. I’ve just reinstalled Arras after using a theme that had malicious coding and knew I’d increased the font before, but couldn’t remember how. Thanks to you — font now the size I want
Woohoo!
You’re absolutely fabulous.
I messed around for ages with this and then found your tip. Took 30 seconds.
Thanks so much!!!
OMG! Thank you so much for this post. It’s been plaguing me for months.lol