Support Center

Custom Header & Footer to Print & PDF Pages

Last Updated: Apr 29, 2012 01:33PM PDT

You can add a custom header or footer to your Print & PDF pages. Add a larger logo, tagline, copyright, call to action, contact information, or anything you would like

Step 1: Create Your Custom Header/Footer

  • Create a HTML Paragraph (or div, span, etc.). <p></p>
  • Add a class to your Paragraph. <p class="print-header"> or <p class="print-footer">.
  • Add inline style display:none to the paragraph. <p style="display:none;" class="print-header">
  • Add your content (image, tagline, etc)

Example: <p class="print-header" style="display:none;"><img src="/images/mylogo.png">My tagline</p>

Add Custom Header/Footer to Your Template

  • Go to your WordPress Dashboard
  • Click Editor (it's under Appearance in the left navigation)
  • Click Single Post (single.php) from the Template pages (right hand side)
  • In the code, find <!-- #content -->
  • Add your Header directly before <!-- #content -->
  • Add your Footer directly after <!-- #content -->
Example Header:

<p class="print-header" style="display:none;"><img src="/images/mylogo.png">My tagline</p><!-- #content -->

Example Footer:

<!-- #content --><p class="print-footer" style="display:none;"><img src="/images/mylogo.png">My tagline</p>

Follow our Tweets

support@printfriendly.com
http://assets2.desk.com/rb2b8f5170ff217b032a9b617ec967c37cd75a1c5/javascripts/
true
printfriendly
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
Invalid characters found
/customer/portal/articles/autocomplete