Your Guide to Recreating Elements of the Fracture 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 Us. |
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="rt-demo-width-10">
<span class="icon-phone largemarginbottom largepaddingbottom"></span>
</div>
<div class="rt-demo-width-90">
<a href="#"><em class="bold">+1 (555) 555-555-5555</em></a><br />
<span><em class="bold nobold">+1 (555) 555-555-5556</em></span>
</div>
<div class="clear largemarginbottom"> </div>
<div class="rt-demo-width-10">
<span class="icon-home largemarginbottom largepaddingbottom"></span>
</div>
<div class="rt-demo-width-90">
<a href="#"><em class="bold"><strong>Fracture Template LLC</strong></em></a><br />
<em class="bold nobold">
123 Joomla! Boulevard<br />
Seattle, WA 00000<br />
United States of America
</em>
</div>
<div class="clear largemarginbottom"> </div>
<div class="rt-demo-width-10">
<span class="icon-envelope-alt largemarginbottom largepaddingbottom"></span>
</div>
<div class="rt-demo-width-90">
<em class="bold">noreply/@domain.com</em>
</div>
Option | Setting |
---|---|
Prepare Content | Yes |
Select a Background Image | Blank |
Option | Setting |
---|---|
Module Class Suffix | title2 icon-info-sign hidden-phone |