Create WordPress Drop Caps
August 1st, 2007Tags: WordPress, wordpress drop caps, wordpress tutorial
Categories: General, WordPress
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.
[...] need a flexible way of using drop caps and employing them right where you want them. To this end, Ulysses Online has a great guide on how to create drop caps in just a few easy steps. You’ll have to be able to edit your CSS file (so this won’t [...]
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.