Create WordPress Drop Caps

Drop Caps. Magazines use it. Websites use it. What’s all the rage? A Drop Cap is the first letter of a paragraph that is enlarged to “drop” down two or more lines. So, here is an easy way to create drop caps in WordPress.

1. Add a span to the first letter of your post with a “class” called dropcaps. See the example below.

<span class=”dropcaps”>D</span>rop Caps. Magazines use it.

2. Next, add the followng CSS code to your WordPress Theme’s stylesheet.

.dropcaps {
font-family: Georgia, Times New Roman, Serif;
font-weight:bold;
float:left;
line-height:30px;
font-size:36px;
padding: 3px 3px 0 0;
}

3. That’s it. See the example above.

8 thoughts on “Create WordPress Drop Caps

  1. I don’t seem to find any code for changing the color here buddy ?

    How to change red into some other color ? Cheers !

Comments are closed.