Welcome Guest! Login
0 items Join Now

Hybrid: Recreating the Demo - 10 Preset Styles

Your Guide to Recreating Elements of the Hybrid Template for Joomla

10 Preset Styles

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.

Sliding Panel

This particular module is part of a sliding module position enabled via the template settings. To enable a sliding panel, navigate to Admin -> Template Manager -> Hybrid -> Features and set either the Feature Panel or Lower Panel settings.

Since this particular module is in a Feature position, the sliding panel can be toggled using the Feature Panel option.


Option Setting
Title 10 Preset Styles
Show Title Show
Position feature-a
Status Published
Access Public
Language All

Custom Output

Enter the following in the Custom Output text editor.

<p>A selection of varying <strong>colorings</strong> and <strong>shades</strong>, to demonstrate the <a href="/?amp;view=article&amp;id=15&amp;Itemid=152">stylistic diversity</a> and potential of the <strong>Hybrid</strong> template.</p>
<a href="/?amp;view=article&amp;id=15&amp;Itemid=152" class="readon"><span>Read More</span></a>


Option Setting
Prepare Content Yes
Select a Background Image Blank


Option Setting
Module Class Suffix title1 flushbottom

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.