...
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
<hr> <br> <p align="center">PatioPads.com is a division of Island Coast LLC<br> <strong>100% Satisfaction Guarantee Since 1968</strong></p> <p align="center"> <img style="margin:5px 5px; BORDER-TOP: white 2px solid; BORDER-RIGHT: white 2px solid; BORDER-BOTTOM: white 2px solid; BORDER-LEFT: white 2px solid" align="center" title="Credit Cards" alt="Credit Cards" src="https://patiopads.com/safe-secure-badge-74.jpg"> <img style="margin:5px 5px; BORDER-TOP: white 2px solid; BORDER-RIGHT: white 2px solid; BORDER-BOTTOM: white 2px solid; BORDER-LEFT: white 2px solid" align="center" title="PayPal" alt="PayPal" src="https://patiopads.com/paypallogo74.gif"> <img style="margin:5px 5px; BORDER-TOP: white 2px solid; BORDER-RIGHT: white 2px solid; BORDER-BOTTOM: white 2px solid; BORDER-LEFT: white 2px solid" align="center" title="Flagler Chamber of Commerce" alt="Flagler Chamber of Commerce" src="https://patiopads.com/chamberlogo.gif"> <a href="https://patiopads.com/contact/wounded-warrior-project.html"> <img style="margin:5px 5px; BORDER-TOP: white 2px solid; BORDER-RIGHT: white 2px solid; BORDER-BOTTOM: white 2px solid; BORDER-LEFT: white 2px solid" align="center" title="Wounded Warriors" alt="Wounded Warriors" src="https://patiopads.com/wwlogo74.gif"></a></p> |
All we need to do is take the code and place it in a Foundation row that spans all 16 columns of the grid.
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
<div class="row">
<div class="columns small-16">
<p align="center">PatioPads.com is a division of Island Coast LLC<br>
<strong>100% Satisfaction Guarantee Since 1968</strong></p>
<p align="center">
<img style="margin:5px 5px; BORDER-TOP: white 2px solid; BORDER-RIGHT: white 2px solid; BORDER-BOTTOM: white 2px solid; BORDER-LEFT: white 2px solid"
align="center"
title="Credit Cards"
alt="Credit Cards" src="https://patiopads.com/safe-secure-badge-74.jpg">
<img style="margin:5px 5px; BORDER-TOP: white 2px solid; BORDER-RIGHT: white 2px solid; BORDER-BOTTOM: white 2px solid; BORDER-LEFT: white 2px solid"
align="center"
title="PayPal"
alt="PayPal" src="https://patiopads.com/paypallogo74.gif">
<img style="margin:5px 5px; BORDER-TOP: white 2px solid; BORDER-RIGHT: white 2px solid; BORDER-BOTTOM: white 2px solid; BORDER-LEFT: white 2px solid"
align="center"
title="Flagler Chamber of Commerce"
alt="Flagler Chamber of Commerce" src="https://patiopads.com/chamberlogo.gif">
<a href="https://patiopads.com/contact/wounded-warrior-project.html">
<img style="margin:5px 5px; BORDER-TOP: white 2px solid; BORDER-RIGHT: white 2px solid; BORDER-BOTTOM: white 2px solid; BORDER-LEFT: white 2px solid"
align="center"
title="Wounded Warriors"
alt="Wounded Warriors" src="https://patiopads.com/wwlogo74.gif"></a></p>
</div>
</div> |
To install click on the Themes tab.
Click on "Misc" folder
Scroll down and click on snippets/footer.vm.
Just inside the footer tag place the new code.
Now let's look at our upgraded footer with trust logos and text.