Your Guide to Recreating Elements of the Ionosphere Template for Joomla
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 |
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"> </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
</em>
<div class="clear largemarginbottom"> </div>
<img src="/images/stories/demo/frontpage/fp-footer-icon4.png" alt="image" class="largepaddingleft floatleft smallpaddingright" />
<em class="bold2 nobold">noreply@domain.com</em>
</div>
Option | Setting |
---|---|
Prepare Content | Yes |
Select a Background Image | Blank |
Option | Setting |
---|---|
Module Class Suffix | title1 promo |