Quote
<!-- Shortcode for quote -->
<div class="tiva-quote">
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="source">
Lorem ipsum
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum
Right align
<!-- Shortcode for quote with right align -->
<div class="tiva-quote right">
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="source">
Lorem ipsum
</div>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum
Custom attributes and icon
<!-- Shortcode for quote with custom attributes and icon -->
<div class="tiva-quote icons-quote" icon-color="#567bd2" icon-size="20px" content-color="#de935f" content-size="17px" source-color="#6f9a37" source-size="16px">
<div class="content">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="source">
Lorem ipsum
</div>
</div>

Attributes:
  • icon-color: Color of quote's icon. Default: #eeeeee.
  • icon-size: Size of quote's icon. Default: 5px (with slash icon) or 20px (with quote icon).
  • content-color: Color of quote's content. Default: #666666.
  • content-size: Size of quote's content. Default: 17px.
  • source-color: Color of quote's source. Default: #777777.
  • source-size: Size of quote's source. Default: 14px.
Icons:
  • icons-quote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum