Footers

Because all good things must come to a great end

Each of our templates comes with several footers, designed for a wide varitey of use cases. They all include common things like a logo, address, social icons, and, of course, legal text/unsubscribe links.

Footers also use a Divider component from Pine, which you can customise just like a spacer.

Example: Footer 1, customised light version

Footer light 1

Customisation

You can easily change the looks by changing spacing, text, background colour, and images.

  • Text styles can be changed with inline CSS
  • Logo/Images — simply change the src="" image path, adjust dimensions and make sure its width="" and max-width: do not exceed the width of the parent table cell.
  • Background — change the value in the bgcolor="" attribute on the parent row table
  • Top/bottom spacing — change the value in the height="" attribute, as well as the font-size and line-height CSS values, on the <td class="spacer" ...> near the top and bottom of the section