Drop Cap
<!-- Shortcode for dropcap -->
<div class="tiva-dropcap">
<div class="dropcap">
L
</div>
<div class="content">
orem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>
L
orem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Custom attributes
<!-- Shortcode for dropcap with custom attributes -->
<div class="tiva-dropcap" dropcap-font="algerian" dropcap-color="#de935f" dropcap-size="60px" content-color="#567bd2" content-size="14px">
<div class="dropcap">
L
</div>
<div class="content">
orem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>

Attributes:
  • dropcap-font: Font family of dropcap letter.
  • dropcap-color: Color of dropcap letter.
  • dropcap-size: Size of dropcap letter. Default: 60px.
  • content-color: Color of content.
  • content-size: Size of content.
L
orem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.