List styles and Dropcaps

To use custom styled lists, wrap your unordered/ordered list in the following shortcode:

[custom_list]
<ul>
    <li>your list item</li>
    <li>your list item</li>
    <li>your list item</li>
</ul>
[/custom_list]
  • Your list item
  • Your list item
  • Your list item
  • Your list item
  • Your list item
  • Your list item

You can choose a different list style by simply specifying the “style” parameter:

[custom_list style="bullet_1"]
<ul>
    <li>your list item</li>
    <li>your list item</li>
    <li>your list item</li>
</ul>
[/custom_list]
  • style=”bullet_1″
  • style=”bullet_2″
  • style=”bullet_3″
  • style=”bullet_4″
  • style=”bullet_5″
  • style=”bullet_6″

[divider scroll_text=”Back to Top” margin=”30″]

Besides the common bullets, you can also use list styles with icons to give more context to your items:

  • style=”success”
  • style=”error”
  • style=”warning”
  • style=”comment”
  • style=”calendar”
  • style=”clock”
  • style=”allowed”
  • style=”forbidden”
  • style=”tick”
  • style=”cross”
  • style=”disk”
  • style=”settings”
  • style=”info”
  • style=”help”
  • style=”help_2″
  • style=”suggestion”
  • style=”pin”
  • style=”search”
  • style=”mail”
  • style=”star”
  • style=”user_male”
  • style=”user_female”

[divider scroll_text=”Back to Top” margin=”30″]

 Dropcaps

Lorem ipsum dolor sit amet, consectetur adipiscing elit. duis nec purus tellus consectetur. Duis nec purus tellus, quis pulvinar tortor, consectetur adipiscing elit. Duis nec purus tellus, quis pulvinar tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis nec purus tellus, quis pulvinar tortor.

[dropcap]L[/dropcap]orem ipsum...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. duis nec purus tellus consectetur. Duis nec purus tellus, quis pulvinar tortor, consectetur adipiscing elit. Duis nec purus tellus, quis pulvinar tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis nec purus tellus, quis pulvinar tortor.

[dropcap style="rounded"]L[/dropcap]orem ipsum...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. duis nec purus tellus consectetur. Duis nec purus tellus, quis pulvinar tortor, consectetur adipiscing elit. Duis nec purus tellus, quis pulvinar tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis nec purus tellus, quis pulvinar tortor.

[dropcap style="square"]L[/dropcap]orem ipsum...

Lorem ipsum dolor sit amet, consectetur adipiscing elit. duis nec purus tellus consectetur. Duis nec purus tellus, quis pulvinar tortor, consectetur adipiscing elit. Duis nec purus tellus, quis pulvinar tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis nec purus tellus, quis pulvinar tortor.

[dropcap style="square" text_color="#304457" background_color="#D88E2D"]L[/dropcap]orem ipsum...

[divider scroll_text=”Back to Top” margin=”30″]