Dropcap

[heading]Text Dropcaps[/heading]

[column size=”1/3″]

[dropcap style=”1″]A[/dropcap]orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[/column]

[column size=”1/3″]

[dropcap style=”2″]C[/dropcap]orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[/column]

[column size=”1/3″ last=”true”]

[dropcap style=”3″]E[/dropcap]orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[/column]

[pre][[dropcap style=”1″]A[/dropcap]]
[[dropcap style=”2″]C[/dropcap]]
[[dropcap style=”3″]E[/dropcap]][/pre]

[heading]Dropcap fonts[/heading]

[column size=”1/3″]

[dropcap color=”primary”]D[/dropcap]orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[/column]

[column size=”1/3″]

[dropcap font=”gothic”]M[/dropcap]orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[/column]

[column size=”1/3″ last=”true”]

[dropcap font=”Vidaloka” style=”2″]Q[/dropcap]orem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

[/column]

[pre][[dropcap color=”primary”]D[/dropcap]]
[[dropcap font=”gothic”]M[/dropcap]]
[[dropcap font=”Vidaloka” style=”2″]Q[/dropcap]][/pre]

[heading]Icon Dropcap[/heading]

[column size=”1/3″]

[dropcap icon=”paperplane” style=”2″ /]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat na aliquam erat volu.

[/column]

[column size=”1/3″]

[dropcap icon=”magic” style=”3″ /]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat  ad minim veniam.

[/column]

[column size=”1/3″ last=”true”]

[dropcap icon=”beaker” bg=”primary” style=”3″ /]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat  ad minim veniam  ad.

[/column]

[pre][[dropcap icon=”paperplane” style=”2″ /]]
[[dropcap icon=”magic” style=”3″ /]]
[[dropcap icon=”beaker” bg=”primary” style=”3″ /]][/pre]

[hr /]

Usage

Here’re parameters of this shortcode:

[list type=”plus”]

  • font: If set font=”gothic”, it uses Gothic font. You can also use any font from Google font. Default, it uses the same font as H1, H2, H3…
  • style:1, 2 or 3. Default is 1.
  • icon: an icon from the icon set. If this is enabled, it becomes icon dropcap instead of text dropcap.
  • color: dropcap text or icon color. Its value can be any color: red, blue, orange… or a custom color code such as #12dada. Default is black color.
  • bg: dropcap text or icon background color. Its value can be any color: red, blue, orange… or a custom color code such as #12dada. Default is none.

[/list]

Leave a Reply

Your email address will not be published. Required fields are marked *