Dropcaps

ShortcodesDropcaps

What’s this?

It’s a typography tool. The Dropcaps shorcode simply makes a character larger for the start of new paragraphs or start of a page. Check out the examples below.

React. Lorem ipsum dolor sit amet, arcu dignissim pellentesque, enim felis risus, quisque at. Sodales at, placerat commodo rhoncus, molestie vitae ut. In egestas cum, magna leo, diam felis. Nunc nascetur sit, alias tellus fringilla, nonummy donec feugiat. Sed dis ullamcorper, scelerisque lorem. Ligula massa, libero vestibulum, montes sed cras. Fermentum morbi donec.

[dropcap  class="highlighted-text"] ... [/dropcap]

Lorem ipsum dolor sit amet, arcu dignissim pellentesque, enim felis risus, quisque at. Sodales at, placerat commodo rhoncus, molestie vitae ut. In egestas cum, magna leo, diam felis. Nunc nascetur sit, alias tellus fringilla, nonummy donec feugiat. Sed dis ullamcorper, scelerisque lorem. Ligula massa, libero vestibulum, montes sed cras. Fermentum morbi donec.

[dropcap  class="text-prime"] ... [/dropcap]

Nunc nascetur sit, alias tellus fringilla, nonummy donec feugiat. Sed dis ullamcorper, scelerisque lorem. Ligula massa, libero vestibulum, montes sed cras. Fermentum morbi donec.

[dropcap  class="text-alt"] ... [/dropcap]

Shortcodes. Est dui, adipiscing integer. Laoreet neque. Mauris nascetur vitae. In vitae. Convallis elit iaculis, litora sollicitudin nulla. Ligula et aliquet.

In egestas cum, magna leo, diam felis. Nunc nascetur sit, alias tellus fringilla, nonummy donec feugiat. Sed dis ullamcorper, scelerisque lorem. Ligula massa, libero vestibulum, montes sed cras. Fermentum morbi donec.

[dropcap] ... [/dropcap]

Variations

Change the Skin for this Case Study

Demos

React Hub
Lens
Berri
Replika
Press
Second
View all Demos React Hub Copy current page content
[box type="custom-boxed-item" align="center" text_align="textcenter"] [fancy_header tag="h4" size="medium" text_align="textcenter" bold="1"]What's this?[/fancy_header] It's a typography tool. The Dropcaps shorcode simply makes a character larger for the start of new paragraphs or start of a page. Check out the examples below. [icon icon="fa-arrow-down" font_size="15" boxed="1" description="See examples below" position="center" margin_top="20px" margin_bottom="-40px" link="#content" class="infinite wobble"] [/box] [section_break type="blank" margin_bottom="30" /] [p][dropcap class="highlighted-text"]R[/dropcap]eact. Lorem ipsum dolor sit amet, arcu dignissim pellentesque, enim felis risus, quisque at. Sodales at, placerat commodo rhoncus, molestie vitae ut. In egestas cum, magna leo, diam felis. Nunc nascetur sit, alias tellus fringilla, nonummy donec feugiat. Sed dis ullamcorper, scelerisque lorem. Ligula massa, libero vestibulum, montes sed cras. Fermentum morbi donec.[/p] 
[dropcap  class="highlighted-text"] ... [/dropcap]
[section_break type="blank" margin_bottom="30" /] [p][dropcap class="text-prime"]L[/dropcap]orem ipsum dolor sit amet, arcu dignissim pellentesque, enim felis risus, quisque at. Sodales at, placerat commodo rhoncus, molestie vitae ut. In egestas cum, magna leo, diam felis. Nunc nascetur sit, alias tellus fringilla, nonummy donec feugiat. Sed dis ullamcorper, scelerisque lorem. Ligula massa, libero vestibulum, montes sed cras. Fermentum morbi donec.[/p] 
[dropcap  class="text-prime"] ... [/dropcap]
[section_break type="blank" margin_bottom="30" /] [p][dropcap class="text-alt"]N[/dropcap]unc nascetur sit, alias tellus fringilla, nonummy donec feugiat. Sed dis ullamcorper, scelerisque lorem. Ligula massa, libero vestibulum, montes sed cras. Fermentum morbi donec.[/p] 
[dropcap  class="text-alt"] ... [/dropcap]
[section_break type="blank" margin_bottom="30" /] [p][dropcap]S[/dropcap]hortcodes. Est dui, adipiscing integer. Laoreet neque. Mauris nascetur vitae. In vitae. Convallis elit iaculis, litora sollicitudin nulla. Ligula et aliquet.[/p] [p]In egestas cum, magna leo, diam felis. Nunc nascetur sit, alias tellus fringilla, nonummy donec feugiat. Sed dis ullamcorper, scelerisque lorem. Ligula massa, libero vestibulum, montes sed cras. Fermentum morbi donec.[/p] 
[dropcap] ... [/dropcap]
Download - $44