Hi friends!  I’m here today with a quick 5-minute video that’s going to help you quickly and easily add some style to your blog or website!

If you’ve ever heard the term “drop cap” and didn’t know what it meant, you’re about to find out!  It’s an elegant way to add a bit of style to the written word.  It used to be used a lot in historical documents, and it can be found at the beginning of each chapter in some books, as well as in newspaper articles.  It’s the large capital letter that begins the first paragraph of a document, chapter, article, etc.

I’ve found a super simple way to add a drop cap to every blog post on a website, without having to remember to add the code each time!  And you can easily style it to match the look and feel of your blog!

Check out this quick vid to get the deets!


Here is the CSS for the plugin so you can style it just the way YOU want!

span.cap {
float:left;
font-size:300%;
font-weight:bold;
line-height:1em;
margin-bottom:-0.4em;
margin-right:0.1em;
padding-right:0.1em;
position:relative;
font-family:georgia, serif;

span.cap span{
display:block;
height:0pt;
position:relative;
right:0.06em;
top:-1.06em;
}
span.cap:before{
content:attr(title);
color:#ccc;
}

 
If you liked this video, please share it so we can all have prettier homes on the web!  If you add a drop cap to your posts or pages, leave a link to your site so I can check it out!

My goal is to help you learn how to make whipping your website into shape as easy and fun as a walk in the park!  Happy styling!