This template provides some backend parameters for convenient template management. Navigate Extensions->Template Manager and click on the proper template name to set up template parameters.

Template Parameters

  • Logo - set path to the logo file - note that logo dimensions won't be resized
  • Site title - add your site title here, it's only displayed if you don't use a logo
  • Site description - add your site description that will be displayed underneath the logo
  • Style switcher - enable this option if you want to display style switcher
  • Template color - select the default template color
  • Layout version - choose the layout version

Available design module suffix options:

 

Module Suffixes

 

Available colour menu suffix options:

 

Menu Suffixes

 

As you can see on our demo frontpage, the rightload module is located higher than the rest of content.
To achieve this effect, you have to put "higher" suffix, see an example:

Higher Suffix

 

The suffixes for modules are connected with modules' height. It's very useful if you would like to make your modules' height the same.

You just have to put a suffix at a module configuration to get the specified module height. See here the screenshot:

 

Module Height

 

_mod300 means that your module will be of 300 pixels high.

If you are going to mix suffixes, remember to put that suffix at the end, see an example:

 

Module Height

The styles below are used by appending a class to a tag.

This is an image with the class "border_img"
Enter class name to img tag <img class="border_img" />

border


Default list example

  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
  • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
    • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum
      • Duis tincidunt nunc sit amet ipsum

This is Heading One (h1)

This is Heading Two (h2)

This is Heading Three (h3)

This is Heading Four (h4)

This is Heading Five (h5)
This is Heading Six (h6)

This is a read more link with the class "readon"
Enter class name to a tag <a class="readon" />

read more

this is a paragraph with the class "green"
<p class="green" > Text goes here</p>

this is a paragraph with the class "blue"
<p class="blue" > Text goes here</p>

this is a paragraph with the class "orange"
<p class="orange" > Text goes here</p>

this is a paragraph with the class "red"
<p class="red" > Text goes here</p>


this is a paragraph with the class "greenfill"
<p class="greenfill" > Text goes here</p>

this is a paragraph with the class "bluefill"
<p class="bluefill" > Text goes here</p>

this is a paragraph with the class "orangefill"
<p class="orangefill" > Text goes here</p>

this is a paragraph with the class "redfill"
<p class="redfill" > Text goes here</p>

this is a paragraph with the class "quote"
<p class="quote" > Text goes here</p>

Module Positions on Layout-1 option:

 

Module Positions

 

Module Positions on Layout-2 option:

 

Module Positions

Template Features

Here you can find lots of information about template features.

 

Module Positions

This template contains 12 module positions. See the clear grid of modules location.
Find out more...

Module Suffixes

This template contains many module designs. See examples of module design variations.
Find out more...

Template Parameters

This template provides some back-end parameters for convenient template management.
Find out more...

Typography

This template provides you some custom styles for several tags.
To reach an expected result, an appropriate class must be entered to a proper tag as examples shown in the artilce.
Find out more...

DJ-ImageSlider

This template contains styles for DJ-ImageSlider component and its module.
Find out more...

DJ-Catalog2

This template is contains styles for DJ-Catalog2 component and its modules.
Find out more...

Menu System

This template uses DJ-Menu. See detailed description of this extension
Find out more...

.PSD layout

We provide you .psd slices of that template to make you easier customize your template.

Template manuals

The downloadable package contains manual for this template.
You can also see other templates' manulas.
Download manuals...

Installation Package

Here you can find description of purchased package.
Find out more...