The core Joomla! typography uses classes such as "contentheading and "componentheading" which is ok, but there are much friendlier t ags available that spiders look for when indexing your content (e.g. H1,H2,H3). Fresh! is not only built with SEO in mind, and includes several custom styles to be used in your content.

The Fresh! template uses best CSS practices (the Eric Meyer Reset) to reset the typographical CSS to better ensure cross-browser consistancy.

For better usability, fonts are set to relative sizes instead of fixed sizes that prevent users adjusting the size.

Heading One

This is paragraph text. The rest of this paragraph is filler text to maintain balance. Quisque libero nulla, porttitor eu, convallis sed, gravida ac, nulla. Ut malesuada, tellus sed facilisis tincidunt, orci erat lobortis leo, id varius massa lectus ultrices diam.

Heading Two

This is paragraph text. The rest of this paragraph is filler text to maintain balance. Quisque libero nulla, porttitor eu, convallis sed, gravida ac, nulla. Ut malesuada, tellus sed facilisis tincidunt, orci erat lobortis leo, id varius massa lectus ultrices diam.

Heading Three

This is paragraph text. The rest of this paragraph is filler text to maintain balance. Quisque libero nulla, porttitor eu, convallis sed, gravida ac, nulla. Ut malesuada, tellus sed facilisis tincidunt, orci erat lobortis leo, id varius massa lectus ultrices diam.

Heading Four

This is paragraph text. The rest of this paragraph is filler text to maintain balance. Quisque libero nulla, porttitor eu, convallis sed, gravida ac, nulla. Ut malesuada, tellus sed facilisis tincidunt, orci erat lobortis leo, id varius massa lectus ultrices diam.

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

The styles above are used by appending a class tag of warn, info, and alert to the paragraph tag.

Example:

 <p class="warn">
 ....your text here......
 p>

 <p class="info">
 ....your text here......
 p>

 <p class="alert">
 ....your text here......
 p>

This is paragraph text. The rest of this paragraph is filler text to maintain balance. Quisque libero nulla, porttitor eu, convallis sed, gravida ac, nulla. Ut malesuada, tellus sed facilisis tincidunt, orci erat lobortis leo, id varius massa lectus ultrices diam.

The quote above was achieved by appending the "quote" class to the paragraph tag.

Example:

<p class="quote">...your quoted text here...p>

Unordered List Example:

• List Item One
  • Sublevel List Item A
  • Sublevel List Item B
  • Sublevel List Item C
• List Item Two
• List Item Three
• List Item Four

Ordered List Example:

1. List Item One
   1. Sublevel List Item A
   2. Sublevel List Item B
   3. Sublevel List Item C
2. List Item Two
3. List Item Three
4. List Item Four

CheckList Example:

• Checklist Item 1
• Checklist Item 2
• Checklist Item 3

The checklist style above is achieved by entering:

<ul class="checklist">

<li>List Item Ali>

<li>List Item Bli>

<li>List Item Cli>

ul>