Typography and Formatting

Heading 3 (Heading 1 and 2 are reserved for the header and post titles)

Here is some normal body text under this heading so you can see how much space the heading allows beneath it.

This is a quote in a box and floated to the left. It can be inserted using the Woo Quote shortcode, and custom styled. – Jason M.

Here is some normal body text under this heading so you can see how much space the heading allows beneath it.Here is some normal body text under this heading so you can see how much space the heading allows beneath it.Here is some normal body text under this heading so you can see how much space the heading allows beneath it.

Heading 4 (This can be used when you need an extra level of hierarchy)

This line implements  dropcap by using the Woo DropCap shortcode. You can access it using the Woo icon in the editor. This some normal body text under this heading so you can see how much space the heading allows beneath it.Here is some normal body text under this heading so you can see how much space the heading allows beneath it.Here is some normal body text under this heading so you can see how much space the heading allows beneath it.

Heading 5 (This can be used when you need even more hierarchy)

This is another quote. It uses the default styling, and a right float.— JM

Here is some normal body text under this heading so you can see how much space the heading allows beneath it.Here is some normal body text under this heading so you can see how much space the heading allows beneath it.Here is some normal body text under this heading so you can see how much space the heading allows beneath it.Here is some normal body text under this heading so you can see how much space the heading allows beneath it.

Heading 6 (Not sure when you would use it, but here it is!)

Here is some normal body text under this heading so you can see how much space the heading allows beneath it.Here is some normal body text under this heading so you can see how much space the heading allows beneath it.

 Bulleted lists with bookmark icons:

  • These can be created using this code for the  list tag: <ul class=”icons-ul”>
  • And each list item like this: <li><i class=”icon-li icon-bookmark”></i></li>
  • The item in “quotes” would be the icon you are using.
  • Look at the html view of this list to see how it was built.