Print Friendly and PDF

Custom Footer in Print/PDF

You can create a custom "Footer" with PrintFriendly. I put "Footer" in quotes because it only appears at the bottom of content instead of in the bottom margin of every page.
 
You can add a logo, tagline, copyright information, or anything you'd like. This does not display in the browser, but shows only when  printed or generating a PDF.

Option 1: Add HTML to your page

  • Create a Paragraph or Div tag (or other block level HTML element).
  • Add class="pf-footer" style="display:none" 
  • Add your image and tagline

Example:

<p class="pf-footer" style="display:none">
    <img src="/mylogo.png">This is my tagline
</p>

Option 2: Add Custom CSS

This requires a second generation PrintFriendly & PDF button that is using the Print Friendly Custom CSS feature. 

In your CSS file, include the following code, modifying the content.

  #pf-print-area:after{
   content:"This is my footer";
   position: absolute;
   bottom: 0;
  } ​