Typography styles for this template.

Along with the built in framework typography styles, we have inlcuded many more styles for a HUGE catalog of typography. Check it out!

BOXES

class="ppbox_red" Nullam pulvinar mauris et nisl accumsan at blandit velit dignissim. Suspendisse eget purus nulla.
Proin ultricies porttitor turpis vel semper.

class="ppbox_black" Nullam pulvinar mauris et nisl accumsan at blandit velit dignissim. Suspendisse eget purus nulla.
Proin ultricies porttitor turpis vel semper.

class="ppbox_purple" Nullam pulvinar mauris et nisl accumsan at blandit velit dignissim. Suspendisse eget purus nulla.
Proin ultricies porttitor turpis vel semper.

class="ppbox_brown" Nullam pulvinar mauris et nisl accumsan at blandit velit dignissim. Suspendisse eget purus nulla.
Proin ultricies porttitor turpis vel semper.

class="ppbox_yellow" Nullam pulvinar mauris et nisl accumsan at blandit velit dignissim. Suspendisse eget purus nulla.
Proin ultricies porttitor turpis vel semper.

class="ppbox_green" Nullam pulvinar mauris et nisl accumsan at blandit velit dignissim. Suspendisse eget purus nulla.
Proin ultricies porttitor turpis vel semper.

class="ppbox_blue" Nullam pulvinar mauris et nisl accumsan at blandit velit dignissim. Suspendisse eget purus nulla.
Proin ultricies porttitor turpis vel semper.

DROP CAP

Suspendisse vulputate libero a ligula tristique ac pellentesque neque pellentesque. In laoreet pharetra est id dapibus. Nulla feugiat, turpis posuere vehicula semper, dolor elit tempus ipsum, vel suscipit velit lorem at risus. Donec sodales risus eget ipsum vestibulum posuere. Nullam venenatis sem pulvinar libero aliquet vel adipiscing ante porta. Nunc vulputate iaculis interdum. Morbi lobortis, ipsum a vestibulum consectetur, justo justo ultrices ante, non mattis magna lacus sit amet diam.

uspendisse vulputate libero a ligula tristique ac pellentesque neque pellentesque. In laoreet pharetra est id dapibus. Nulla feugiat, turpis posuere vehicula semper, dolor elit tempus ipsum, vel suscipit velit lorem at risus. Donec sodales risus eget ipsum vestibulum posuere. Nullam venenatis sem pulvinar libero aliquet vel adipiscing ante porta. Nunc vulputate iaculis interdum. Morbi lobortis, ipsum a vestibulum consectetur, justo justo ultrices ante, non mattis magna lacus sit amet diam.

LISTS

• Bulleted List with ul class="pp_black"

• Bulleted List with ul class="pp_arrow"

• Bulleted List with ul class="pp_round"

• Bulleted List with ul class="pp_star"

• Bulleted List with ul class="pp_leaf"

ICONS

To display error message<p class="error">Error message here!</p>.

To display info message<p class="massage">Info messag ehere!</p>.

To display tips message<p class="tips">Info messagehere!</p>.

To highlight phrase use<span class="highlight">This is sample of highlighted phrase!</span>

To display codes use

<pre> or <div class="code">

<?php$lijevo = mosCountModules( 'left' );
if ( $lijevo ) {$maincontent = 'right_side';} else {$maincontent = 'right_side_full';?

To display sticky note use: <p class="sticky">Sample of your note!</p>

To display pin note use :<p class="pin">Sample of your pin note !</p>

To display clip note use:<p class="clip">Sample of your clip note</p>

To display download note use:<p class="down">Sample of your download note</p>

Sample of check list .To use

<ul><li class="check">Your list item goes here!</li></ul>

• Sample of li list
• Dolor sit
• Consectetuer
• Adipiscing elit
• Diam

Sample of star list .To use

<ul><li class="star">Your list item goes here!</li></ul>

• Sample of li list
• Dolor sit
• Consectetuer
• Adipiscing elit
• Diam

Sample of video list .To use

<ul><li class="video">Your list item goes here!</li></ul>

• Sample of li list
• Dolor sit
• Consectetuer
• Adipiscing elit
• Diam

Sample of image border use

INSTRUCTIONS FOR USE

You can apply these styles in two ways. The first way is to manually  add the styles.  The easiest way to use the typography styles provided with this template is to use the Joomla Content Editor. If you are unfamiliar with JCE, it is a replacement for the Tiny Editor which comes with Joomla by default. It is far superior in every way.

This method makes adding typography a snap as all you will need to do is highlight the text you want formatted and then choose your style from the styles dropdown and voilà you are done. See a screen shot below.

This applies to all styles except for lists. Lists would need to be done manually with the method listed below.

Manually add the class to your span, ul or p. Like this:
<p class="ppbox_red" >Get Help Fast! </p>