Style Guide

This style guide page helps give you an idea of how the various typographical elements are styled for this template. This includes the heading and text styles as well as form elements and other block level html elements.

For example, this is how the default paragraph of text is styled and this is a link. The spacing as seen between this paragraph and the paragraph above is the default spacing etc.

Heading One <h1> 30px

Lorem ipsum venenatis bibendum vitae consequat ante urna in nisi mauris lacus mauris vehicula elit mollis, sapien suspendisse ornare phasellus dui aliquet taciti diam mi aptent porta facilisis quisque.

Heading Two <h2> 24px

Lorem ipsum venenatis bibendum vitae consequat ante urna in nisi mauris lacus mauris vehicula elit mollis, sapien suspendisse ornare phasellus dui aliquet taciti diam mi aptent porta facilisis quisque.

Heading Three <h3> 20px

Lorem ipsum venenatis bibendum vitae consequat ante urna in nisi mauris lacus mauris vehicula elit mollis, sapien suspendisse ornare phasellus dui aliquet taciti diam mi aptent porta facilisis quisque.

Heading Four <h4> 16px

Lorem ipsum venenatis bibendum vitae consequat ante urna in nisi mauris lacus mauris vehicula elit mollis, sapien suspendisse ornare phasellus dui aliquet taciti diam mi aptent porta facilisis quisque.

Heading Five <h5> 15px

Lorem ipsum venenatis bibendum vitae consequat ante urna in nisi mauris lacus mauris vehicula elit mollis, sapien suspendisse ornare phasellus dui aliquet taciti diam mi aptent porta facilisis quisque.

Heading Six <h6> 14px

Lorem ipsum venenatis bibendum vitae consequat ante urna in nisi mauris lacus mauris vehicula elit mollis, sapien suspendisse ornare phasellus dui aliquet taciti diam mi aptent porta facilisis quisque.

Blockquote

This is an example of a blockquote. Used to quote a person or some content.

Jules Sherred, Skookum Monkey

Unordered Lists

  • List 1
  • List 2
  • List 3
  • List 4

Ordered Lists

  1. List 1
  2. List 2
  3. List 3
  4. List 4

Icon Lists Via “Insert Shortcode – List”

  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item

Font Awesome

Font Awesome is installed in this theme. So, if you wanted to add an icon in a post or page, you can do this two ways. The first way is via the “Insert Shortcode – Icon”—found beside “Add Media.” The second way is by adding the appropriate icon tag in the “Text (HTML)” editor as per these examples.

We would love to work with you, so get in touch with us today and let's chat about your project.