How to set-up Drop Cap

June 15, 2009 Leave a Comment

Dropcap
Drop Cap is rarely use on posting articles. There are some available online but you can count them on your fingers. But what is Drop Cap by the way?

Drop Cap is a big letter that we found on the first part of a paragraph or a sentence.

Two of my latest templates, Premium Magazine II and Premium Magazine III were already loaded of this CSS code but for those visitors and readers who also what to have this on their template. Here are the codes:

.drop-cap {
float: left;
line-height: 39px;
margin-right: 3px;
font-size: 48px;
font-family: "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, Georgia, serif;
color: #5D502C;
}


After saving the CSS code;

• Go to SETTING, select “Formatting”.
• Add this codes on the Post Template:

<span class="drop-cap"> </span>

• Save

When you post an article, be sure to embed the first letter between those two (2) codes:

<span class="drop-cap">T </span>he quick brown fox�.

Stumble
Delicious
Technorati
Facebook
Digg

0 comments »

Leave your response!

Add your comment below,or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.