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" />
Default list example
This is a list with the class "linked"
Enter class name to ul tag <ul class="linked" />
This is a list with the class "square"
Enter class name to ul tag <ul class="square" />
This is a read more link with the class "readon"
Enter class name to a tag <a class="readon" />
This is a read more link with the class "readon_green"
Enter class name to a tag <a class="readon_green" />
This is a read more link with the class "readon_orange"
Enter class name to a tag <a class="readon_orange" />
This is a read more link with the class "readon_pink"
Enter class name to a tag <a class="readon_pink" />
this is a paragraph with the class "blue"
<p class="blue" > Text goes here</p>
this is a paragraph with the class "green"
<p class="green" > 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 "pink"
<p class="pink" > Text goes here</p>
this is a paragraph with the class "grey"
<p class="grey" > 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 "greenfill"
<p class="greenfill" > 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 "pinkfill"
<p class="pinkfill" > Text goes here</p>
this is a paragraph with the class "greyfill"
<p class="greyfill" > Text goes here</p>
this is a paragraph with the class "dark1"
<p class="dark1" > Text goes here</p>
this is a paragraph with the class "dark2"
<p class=dark2" > Text goes here</p>
this is a paragraph with the class "quote"
<p class="quote" > Text goes here</p>
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.
Available design module suffix options:
Additional design module suffix option for the "header" position:
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:
_mod200 means that your module will be of 200 pixels high.
If you are going to mix suffixes, remember to put that suffix at the end, see an example:
This is a placeholder page to display all available module positions.