We will create a footerleft position in order to have two positions the one next to the other one.
1- Modification of footer.php
Folder : templates > ja_purity_ii > layouts > blocks > footer.php
We will add the following code (between "ja-footnav" and"ja-copyright" )
<div class="footerleft">
<jdoc:include type="modules" name="footerleft" />
</div>
2- modification of templateDetails.xml
We will add a new position in the file templateDetails.xml
Folder : templates >ja_purity_ii > templateDetails.xml
3- Modification of template.css
Folder : templates > ja_purity_ii > css > template.css
Deleting of the Vertical dotted line :
We are going to modify #ja-footer.main by deleting the background image
#ja-footer .main {
/*background: url(../images/dot1.gif) repeat-y 22% 0;*/
color: #666666;
padding: 0;
position: relative;
}
Movement of the copyright on the right :
We are going to modify #ja-footer .inner by changing the percentage of the width as follow :
#ja-footer .inner { float: right; padding: 0; width: 48%; }
Addition of code for the footerleft position :
We are going to add the code .footerleft as follow :
.footerleft {
width: 48%;
float: left;
padding-left: 10px;
}
4- Add a module in footerleft position
You do not have more than to select the position "footerleft" in the backend of the module that you want to display on the left of your footer.
