24 April 2008

Making the first letter large

So, this is how I made the first letter always be large (without having to do something special every single time.)
  1. Click on Customize (or get to the Layout section of your blog)
  2. Click on the "Edit HTML" link
  3. In the mess of HTML code (actually, CSS code), search for ".post p". (or just .post)
  4. Find an open space and copy the text below into it
.post p:first-letter {
float:left;
width:0.7em;
font-family:Garamond, Georgia, serif;
font-size:400%;
line-height:80%;
}


I'm not sure what all fonts you can use in font-family. If you use a special font and it works on your computer, it may not work on everyone's computer.

Have fun with it!

4 comments:

Noelle said...

You're so helpful.

Malauna said...

Thanks Jeff. You are an awesome uncle!

marlene said...

I am going to try this anything to spice it up

Kortney Manning said...

Hi, I am Tammy Bateman's cousin, and happened upon your blog through hers while blurking. (blog lurking) So, I tried to do this to my blog, but nothing is showing up any different. What to do...