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.
This doesn’t seem to do anything.
pravelno written:)
Works great for me.
Yay! Thank you
Great! Exact what i need.
I don’t seem to find any code for changing the color here buddy ?
How to change red into some other color ? Cheers !
Just add color to dropcaps:
.dropcaps {
color:#06c;
}
That’s blue.