Diametric: Recreating the Demo - FP Feature A

FP Feature A

This area of the front page is a Custom HTML module. You will find the settings used in our demo below.

Any mod_custom (Custom HTML) modules are best handled using either RokPad or no editor as a WYSIWYG editor can cause issues with any code that exists in the Custom Output field.

Details

Custom Output

Enter the following in the Custom Output text editor.

<p class="paneltitle nomarginbottom">Diametric</p>
<p class="panelsubtitle nomarginbottom">Beautifully Styled</p>

<p class="largemargintop"><strong>Diametric</strong>, the April 2012 template release, is a beautifully layered template, with a distinct panel-based design, using the powerful <strong>ColorChooser</strong> system; with comprehensive RokExtension styling.</p>

<img class="rt-floatright largepaddingleft" src="/images/stories/demo/frontpage/fp-feature1.png" alt="Feature" width="270" height="247" />

<ul class="list-icon checkbox">
    <li><strong>ColorChooser: Ultimate Style Control</strong><br />
    <span>A comprehensive administrative interface, providing you with intuitive and versatile style control.</span>
    </li>
    <li><strong>RokSprocket: Flexible Content</strong><br />
    <span>A multi-purpose module that supports tabbed, showcase, ticker and list content functionality.</span>
    </li>
</ul>

<a href="/?amp;view=article&amp;id=1&amp;Itemid=106" class="readon"><span>More Information</span></a>

Basic

Advanced