Enter your keyword

How To Make A Drop Cap Intro To Your Post In Thesis

How To Make A Drop Cap Intro To Your Post In Thesis

thesis theme drop cap

Some readers have asked me how I got this drop cap effect on the first letter of my About page. It’s actually very easy. All you have to do is insert the following code into your post editor as you are composing your post (make sure you are using the html tab in WordPress, though, or it won’t work):

Abdpbt is a blog about me and the world as I see it.

Then you can add some style if you want to switch it up. Here’s the style I’m using at present in custom.css:


.format_text .drop_cap {
font-size:3.571em;
line-height:0.76em;
padding:0.04em 0.12em 0 0;
}

and in Layout.css


.format_text .drop_cap {
color:#888888;
float:left;
}

For example, if you wanted the letter to look exactly the same, but to be orange, you’d change it like this in layout.css:


.format_text .drop_cap {
color:#ff6600;
}

You can play around with the style until you get it to look how you want.

One Comment

  1. Sep 24, 2010

    Thank You! I had been looking all over trying to change the color of the drop down cap…thanks to your post, it’s now done (just how I wanted it) =)

Post a Comment

Your email address will not be published.