Metropolis: Recreating the Demo - FP MainBottom

FP MainBottom

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.

The MainBottom section is made up of four almost identical modules in the mainbottom-a, mainbottom-b, mainbottom-c, and mainbottom-d positions. A similar look can be achieved using RokGallery's Grid layout, with slight functional differences.

Details

Custom Output

Enter the following in the Custom Output text editor.

<div class="rt-image">
    <img alt="image" src="/images/rocketlauncher/frontpage/mainbottom/img1.jpg" />
    <div class="rt-image-description">
        <span class="icon-eye-open rt-big-icon"></span>
        <h4>Template Configuration</h4>
        <p>Guides Available</p>
        <a href="/?amp;view=article&amp;id=7&amp;Itemid=114" class="readon"><span>Read More</span></a>
    </div>
</div>

Basic

Advanced