Text Style Options

Text Samples

Examples of the various font formatting and text styles.

Headings

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

This is a Heading 1 Element

This is a Heading 2 Element

This is a Heading 3 Element

This is a Heading 4 Element

This is a Heading 5 Element
This is a Heading 6 Element

Headlines / Page Titles

Headlines are often 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.

Headline with a highlight.

<h1 class="headline">Headline with a <strong>highlight</strong>.</h1>

Sub-Headings

Add a sub-heading to any H1-H6 tag using <span class="subTitle"> tag.

Heading Text This is a sub-heading

<h2>Heading Text<span class="subTitle">This is a sub-heading</span></h2>

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">.

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>

Blockquote

This is the default blockquote style applied to this theme's <blockquote> tags. Each skin has a custom color for the blockquote style. You can also create your own custom styles to match any skin using the following code in your stylesheet:
blockquote {
border-color: [your color];
}

Other Text

Paragraph text sample:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In pretium, leo ac hendrerit vulputate, libero libero congue ipsum, nec consectetur nunc arcu in tortor. Phasellus eu cursus nunc. Duis eros nulla, mollis eu molestie id, commodo gravida massa. Nullam mollis, nisl nec sodales hendrerit, diam nunc auctor arcu, eget suscipit lectus metus nec lacus.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse nibh tortor, aliquet vel pellentesque ac, interdum non mauris. Donec est eros, fringilla vitae commodo non, pretium vel tortor. Quisque sed elit mi. Sed tortor nunc, egestas eu suscipit sed, faucibus a nisl. Praesent eros orci, viverra vitae vestibulum quis, luctus feugiat ipsum.

Nullam tristique nunc quis ante dapibus vel tincidunt turpis ornare. Nullam ante arcu, viverra ac rhoncus id, pretium eget magna. Aliquam quis massa urna, accumsan pellentesque sapien.



Abbreviation, acronym, cite, delete, insert...

abbr <abbr>
a.c.r.o.n.y.m <acronym>
This is cited. <cite>
Deleted text <del>
Inserted text <ins>
This is a definition. <dfn>
With emphysis <em>
Strong (bold) <strong>
Code text sample <code>


Predefined text:

This is predefined text with custom spacing and tabs.

body {
	margin: 0;
	padding: 0;
	background: none;
	font-style: normal;
	color: #000;
}



Table layout:

 
Column Title

Column Link

Column Title

Column Link

Column Title

Column Link

Column Title

Column Link

Item value / option value / option value / option value / option
Item value / option value / option value / option value / option
Item value / option value / option value / option value / option
Item value / option value / option value / option value / option
Item