Home Services LAMP Development
Demo Content

The demo for Vertigo utilises a large stock of custom code and styling to make the most of every content item and show what Vertigo can do. This basically means that the HTML used in the custom modules and content have customisations which employ the characteristics of the template to make the "perfect" content.

This demo content section will take you through some of the content areas and general techniques used to further your understanding and help you realise the true potential of Vertigo. If you would like to quickly deploy a replica of our Vertigo demo for a new Joomla site, be sure to check out our RocketLauncher package.

Multi Colored Showcase Text

The front page of the demo features slogan text with multicolored words as well as a larger font size providing emphasis. This module is published to the showcase module position. In order to add the color and larger font size emphasis, just simply add span tags around the words you want to add emphasis to in the showcase:
<span>Your Text</span>

The Showcase Display Board

The front page of the demo features a large showcase "board" which is a module styling that allows you to place particular information in a very noticeable location to really stand out. By default, any module content that you publish to the header module position, will be displayed on this board. You will want to be sure that your module content is of the proper size or length so that it fits inside the confines of the board graphic, for best effect.

Icon Modules

The front page also features several modules with different icons to the side of the content. These do not require any special coding, but rather can be easily activated by adding one of four module suffixes featuring icons. The icon module suffixes available are -icon1, -icon2, -icon3, -icon4. You can learn more about the template's built in module variations here.

Read More Buttons

Read more buttons are automatically generated for content items that use the intro and main text option. However, you can easily insert them manually as witnessed on this demo. Use the following code:
<a href="your_link" class="readon">Read More...</a>
For a different effect, use
<a href="your_link" class="readon2">Read More...</a>