Welcome Guest! Login
0 items Join Now

Alerion: Recreating the Demo - FP Utility Map

Your Guide to Recreating Elements of the Alerion Template for Joomla

FP Utility Map

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.


Option Setting
Title FP Utility Map
Show Title Show
Position utility-a
Status Published
Access Public
Ordering 1. FP Utility Map
Start Publishing 0000-00-00 00:00:0
Finish Publishing 0000-00-00 00:00:0
Language All
Note Blank

Custom Output

Enter the following in the Custom Output text editor.

<img class="rt-map rt-img-circle hidden-phone" src="/images/rocketlauncher/frontpage/utility/img1.jpg" alt="image" />
<img class="rt-map-phone visible-phone" src="/images/rocketlauncher/frontpage/utility/img2.png" alt="image" />

[span class="rt-map-pins hidden-phone"]
    [pin top="-30px" left="-50px"]1[/pin]
    [pin top="60px" left="60px"]2[/pin]
    [pin top="50px" left="-335px"]3[/pin]

The content text of this module requires RokCandy in order to appear properly on the screen due to the [span] tags present. See the main RokCandy guide for additional instructions.


Option Setting
Prepare Content Yes
Select a Background Image Blank


Option Setting
Module Class Suffix fp-utility-a

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