Your Guide to Recreating Elements of the Fresco 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-d |
Status | Published |
Access | Public |
Language | All |
Note | Blank |
Enter the following in the Custom Output text editor.
<div>
<img src="/images/rocketlauncher/frontpage/general/ft-icon1.png" class="rt-floatleft" alt="image" width="15" height="15" />
<h4 class="nomarginbottom">+1 (555) 555555</h4>
</div>
<div class="clear"></div>
<div>
<img src="/images/rocketlauncher/frontpage/general/ft-icon2.png" class="rt-floatleft" alt="image" width="15" height="15" />
<h4 class="nomarginbottom"><a href="#">noreply/@fresco.com</a></h4>
</div>
<div class="clear"></div>
<div>
<img src="/images/rocketlauncher/frontpage/general/ft-icon3.png" class="rt-floatleft" alt="image" width="15" height="15" />
<h4 class="nomarginbottom">Fresco City, CO, USA</h4>
</div>
<div class="clear"></div>
<div>
<img src="/images/rocketlauncher/frontpage/general/ft-icon4.png" class="rt-floatleft" alt="image" width="15" height="15" />
<h4 class="nomarginbottom"><a href="#">Facebook</a></h4>
</div>
<div class="clear"></div>
<div>
<img src="/images/rocketlauncher/frontpage/general/ft-icon5.png" class="rt-floatleft" alt="image" width="15" height="15" />
<h4 class="nomarginbottom"><a href="#">Twitter</a></h4>
</div>
<div class="clear"></div>
<div>
<img src="/images/rocketlauncher/frontpage/general/ft-icon6.png" class="rt-floatleft" alt="image" width="15" height="15" />
<h4 class="nomarginbottom"><a href="#">RSS</a></h4>
</div>
<div class="clear"></div>
Option | Setting |
---|---|
Prepare Content | Yes |
Select a Background Image | Blank |
Option | Setting |
---|---|
Module Class Suffix | nopaddingleft nomarginbottom nopaddingbottom |