Mr Teas - Adding TrustLogos and text to the footer

In this example we're going to take some text and trust logos that were installed into the home page only and show how to move them down into the footer so they appear throughout the site.  First let's look at these logos on the site.

The content in red that we've highlighted is what we would like to move down to the bottom.  Let's go find that particular HTML within the home page content.  We navigate to pages, click edit on the home page, click the Content tab and then click the fullscreen icon next to content.

When we scroll to the bottom of the editor we can see the HTML code that we're interested in.

So here is the old code.

Old HTML Code
<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.

New HTML Code
    <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.