Help is on the way!

Bottom 7 - JoomlaXTC Contact Wall

In the Bottom 7 position we use our JoomlaXTC Contact Wall Module to display a logo, contact information and the copyright. In order to recreate the layout you will first need to upload the Module to your Joomla install. If you are using the Contact Wall Module from the Template package you can select the samurai_contactus_bottom template from the demo Templates included in the Module. If you purchased the module as stand alone you will need to configure it with the following settings:

Make sure to set the layout parameter to 'float' and add the module class suffix 'nowrap modblank constrainmod'

Module HTML

<div align="center" class="bottomlogo">
<img src="/images/jsym-lg.png" />
</div>
<div>{mainarea}</div>
<div align="center" class="jxtccopyright">
<p style="font-size:16px;color:#f1f1f1;">© 2014 Joomlaxtc.com / Monev Software LLC. All Rights Reserved.</p>
</div>

Main Content HTML

<div class="btm_contactwrap">
<h2>Samurai Sushi</h2><br />
<p><i class="fa fa-home"></i>&nbsp;&nbsp;{address},&nbsp;{suburb},&nbsp;{state}</p>	
<p><i class="fa fa-phone"></i>&nbsp;&nbsp;{telephone}</p>	
<p><i class="fa fa-print"></i>&nbsp;&nbsp;{fax}</p>		
<p><i class="fa fa-envelope"></i>&nbsp;&nbsp;{email_to}</p>	
</div>

CSS

.legend {
font-size:12px;
font-weight:bold;
color:#333333;
background-color:#e0e0e0;
padding:2px 5px 2px 2px;
border-bottom:1px solid #333333;
}
.tag {
padding:2px;
font-size:10px;font-family:Arial;color:#333333;background-color:#f9f9f9;
border-bottom:1px solid #333333;
}
.btm_contactwrap {text-align:center;color:#fff;}
.btm_contactwrap i,.btm_contactwrap a  {color:#fff!important;}
.btm_contactwrap h2 {color:#fff;margin:32px 0px;}
.emailto span {color:#fff!important;}
.btm_contactwrap p {font-size:22px!important;}
.bottomlogo {padding-bottom:36px;}
.jxtccopyright {padding-top:36px;}

For more information on styling and configuring the Contact Wall Module visit the full documentation HERE