Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagexml
themeDJango
titleOld 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.

Code Block
languagexml
themeDJango
titleNew 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.

Image Added

Click on "Misc" folder

Image Added

Scroll down and click on snippets/footer.vm.

Image Added

Just inside the footer tag place the new code.

Image Added

Now let's look at our upgraded footer with trust logos and text.
Image Added