Skip to content

Custom Header / Footer

Custom Header

The default header for your printed pages and PDFs include the page title, website favicon, page URL, date and author.

You can add your logo / banner with a tagline above the default header.

Using Button Settings

The button code can be customized to include the logo and tagline In Page Header, select "Upload an Image" and input the full URL to your image and an optional tagline.


The PrintFriendly preview will now have the custom image and tagline.

Using CSS Classes

This class can be added to a single element to have it displayed at the top of the preview.

<img src="logo.jpg" class="print-header" />

This class can be added to one or more elements to have them displayed at the bottom of the preview

<p class="print-footer">Footer Content</p>


It only appears at the bottom of content instead of in the bottom of every page.