Welcome Guest! Login
0 items Join Now

Sirocco: Recreating the Demo - FP SideBar

Your Guide to Recreating Elements of the Sirocco Demo for Joomla

FP SideBar

This area of the 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.


Option Setting
Title FP SideBar
Show Title Hide
Position sidebar-a
Status Published
Access Public

Custom Output

<div class="rt-sidebar-item">
    <h2 class="title rt-uppercase">Powerful Desktop-Level Code Editor</h2>
    <div class="boldfont">RokPad</div>
    <hr />
    <img src="/images/rocketlauncher/home/fp-sidebar/img-01.jpg" alt="" />
    <div><span class="rt-title-tag">Editor</span></div> 

<div class="rt-sidebar-item">
    <h2 class="title rt-uppercase">Responsive Multi-Media Modals</h2>
    <div class="boldfont">RokBox</div>
    <hr />
    <img src="/images/rocketlauncher/home/fp-sidebar/img-02.jpg" alt="" />
    <div><span class="rt-title-tag">System Plugin</span></div>  

<div class="rt-sidebar-item">
    <h2 class="title rt-uppercase">Simple Macros to Complex HTML</h2>
    <div class="boldfont">RokCandy</div>
    <hr />
    <img src="/images/rocketlauncher/home/fp-sidebar/img-03.jpg" alt="" />
    <div><span class="rt-title-tag">Component</span></div>  


Option Setting
Prepare Content No
Select a Background Image Blank


Option Setting
Module Class Suffix fp-sidebar hidden-phone

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