Welcome Guest! Login
0 items Join Now

Ionosphere: Recreating the Demo - Contact Details

Your Guide to Recreating Elements of the Ionosphere Template for Joomla

Contact Details


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 Contact Details
Show Title Show
Position footer-c
Status Published
Access Public
Language All
Note Blank

Custom Output

Enter the following in the Custom Output text editor.

<div class="feature">
<img src="/images/stories/demo/frontpage/fp-footer-icon1.png" alt="image" class="largepaddingleft floatleft smallpaddingright medpaddingtop" />
<a><em class="bold2 nobold">+1 (555) 555-555-5555</em></a><br />
<a><em class="bold2 nobold">+1 (555) 555-555-5556</em></a>
<div class="clear largemarginbottom">&nbsp;</div>
<img src="/images/stories/demo/frontpage/fp-footer-icon3.png" alt="image" class="largepaddingleft floatleft smallpaddingright largemarginbottom largepaddingbottom" />
<em class="bold2 nobold">
    Ionosphere Theme LLC<br />
    123 Joomla! Boulevard<br />
    Seattle, WA 00000, USA
<div class="clear largemarginbottom">&nbsp;</div>
<img src="/images/stories/demo/frontpage/fp-footer-icon4.png" alt="image" class="largepaddingleft floatleft smallpaddingright" />
<em class="bold2 nobold">noreply&#64;domain.com</em>


Option Setting
Prepare Content Yes
Select a Background Image Blank


Option Setting
Module Class Suffix title1 promo

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