Typography

Headings

Samples of the heading text for this theme: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>

Headlines / Page Titles

Headlines are a different color than standard headings and can be assigned to any H1-H6 tag using class="headline".
To create a highlight, place <strong> tags around the words to be highlighted.

Sub-Headings

Add a sub-heading to any H1-H6 tag using <span> tag.

List Styles

Bulleted Lists

The following styles for bulleted lists are available. Add the class name associated with a bullet to the UL tag for your list to use the desired style.

• Check mark
• <ul class="bullet-check">

• Black
• <ul class="bullet-black">

• Gray (defalut if no class entered)
• <ul class="bullet-gray">

• Silver
• <ul class="bullet-silver">

• Blue
• <ul class="bullet-blue">

• Green
• <ul class="bullet-green">

• Orange
• <ul class="bullet-orange">

• Red
• <ul class="bullet-red">

• Disc Black
• <ul class="bullet-disc-black">

• Disc Gray
• <ul class="bullet-disc-gray">

• Disc Silver
• <ul class="bullet-disc-silver">

• Disc Blue
• <ul class="bullet-disc-blue">

• Disc Green
• <ul class="bullet-disc-green">

• Disc Orange
• <ul class="bullet-disc-orange">

• Disc Red
• <ul class="bullet-disc-red">

Numbered Lists

Choose from the following numbered list styles.

1. Numbered item <ol class="number-pad">
2. Numbered item
3. Numbered item
4. Numbered item
5. Numbered item

1. Numbered item (defalut, no class)
2. Numbered item
3. Numbered item
4. Numbered item
5. Numbered item

Custom Lists

A custom list style for displaying previews of news or blog posts.

<ul class="post-list">.

• 
  News/Blog Posts List

  This can include information such as a title, date, image and short description.

• 
  News/Blog Posts List

  This can include information such as a title, date, image and short description.

• 
  News/Blog Posts List

  This can include information such as a title, date, image and short description.

The “post-list” style can include the following HTML elements: IMG, A, P. Below is a sample implementation of the style.

<ul class="post-list">
<li>
	<img src="image.jpg" />
	<a href="#">Title</a>
	<p>Description text for this entry.</p>
</li>
<li>
	<img src="image.jpg" />
	<a href="#">Title</a>
	<p>Description text for this entry.</p>
</li>
<li>
	<img src="image.jpg" />
	<a href="#">Title</a>
	<p>Description text for this entry.</p>
</li>
</ul>