Magazine Style Drop Caps

Dropcaps like in a fancy magazine is what you see in this post. If you like this tip, just follow this guide step by step.

Login to your Dashboard | Layout then choose Edit HTML and paste the code below to your CSS-definitions between the HEAD tag.

.dropcaps { float:left; color: $headerBgColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }

Now in every of your posts, you need to put the fisrt letter between the tag SPAN like this: <span class="dropcaps">D</span> The result is very nice: a large capital that stretches over 5 lines.

Remember that you can change the font size bigger or smaller or setting the color in different if you want.

Hacks from Beautiful Beta via Mandarin Design