[oik] plugins.com

WordPress plugins and themes

Styling drop caps with div shortcodes

If you want to style a paragraph with a drop cap then you can use the div and ediv shortcodes with a CSS class name.
With a bit of luck the first ‘w’ will be styled as a drop cap. It’ll be a purplish colour with a certain amount of padding. This second paragraph won’t be styled in the same way. 
[div class=dropcap]With a bit of luck etcetera...

This second paragraph won't be styled in the same way.
[ediv]
Write the CSS to style the drop cap either as custom CSS or use the [bw_css] shortcode. This example was copied from https://css-tricks.com/snippets/css/drop-caps

div.dropcap:first-letter {
        float: left;
        color: #903;
        font-size: 75px;
        line-height: 60px;
        padding-top: 4px;
        padding-right: 8px;
        padding-left: 3px;
        font-family: Georgia;
 }
 

Published: | Last updated: