Can I use my own CSS for the PDF?

Yes, you can input custom CSS to style your HTML content, including fonts, colors, and layout adjustments.

What image formats are supported for the logo?

You can upload PNG, JPEG, SVG, and WebP image files for your document logo.

Can I customize the date format?

Yes, you can choose between ISO format, your local system format, or provide custom text for the date.

How do I ensure the header and footer don't overlap my content?

Use the margin settings (Top, Bottom, Left, Right) to reserve sufficient space for your header and footer elements.

Does this tool support landscape orientation?

Yes, you can toggle the landscape checkbox to change the page orientation from portrait to landscape.

Elysia Tools

Navigation

Document Tools

PDF Header/Footer Snippets

Convert HTML to PDF with reusable logo, title, and date snippets

Details

What this tool helps you do

Render HTML to PDF and inject clean header/footer snippets.

Snippets supported:

Logo (image upload)
Title text
Date (ISO, locale, or custom)
Optional page numbers in the footer

Layout:

Left / center / right zones for each snippet
Works with custom margins for header/footer space

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Prepared example runs

Click an example to fill the form automatically. File inputs still need an upload.

1 examples

Header Footer Snippets

Header and footer snippet layout

{
  "type": "file",
  "filePath": "/public/samples/pdf/header-footer-snippets-example1.pdf"
}

Inputs

Options are grouped so long tools stay easier to scan.

22 options

FilesUpload source files for this workflow.1

Logo ImagefileOptional

Single file max size: 5.0 MBSupported types: image/png, image/jpeg, image/svg+xml, image/webp

ContentPaste or type the main input values.5

HTML ContenttextareaRequiredCustom CSStextareaOptionalHeader TitletextOptionalFooter TitletextOptionalCustom Date TexttextOptional

SettingsAdjust formats, ranges, numbers, and modes.9

Page SizeselectOptionalMargin Top (mm)numberOptionalMargin Bottom (mm)numberOptionalMargin Left (mm)numberOptionalMargin Right (mm)numberOptionalLogo Width (px)numberOptionalDate FormatselectOptionalWait UntilselectOptionalExtra Wait Time (ms)numberOptional

TogglesEnable or disable optional behavior.7

LandscapecheckboxOptionalEnabled when checkedPrint BackgroundcheckboxOptionalEnabled when checkedEnable HeadercheckboxOptionalEnabled when checkedEnable FootercheckboxOptionalEnabled when checkedShow Date in HeadercheckboxOptionalEnabled when checkedShow Date in FootercheckboxOptionalEnabled when checkedShow Page NumberscheckboxOptionalEnabled when checked

Result

Ready for a run

Run the tool to preview files, text, structured data, or streamed output here.

Samples

PDF Header/Footer Snippets

What this tool helps you do

Run this tool

Prepared example runs

Inputs

Result

Examples that match this tool

Continue with connected tools and hubs

Prepared example runs

Inputs

Result

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Overview

When to use

How it works

Use cases

Examples

1. Professional Business Invoice

2. Quarterly Project Report

FAQ

Web Image Processing Python Samples

Android Image Processing Java Samples

Android Image Processing Kotlin Samples

Web Image Processing Rust Samples

Data URI Generator

PDF Brand Guidelines

Image Watermark Opacity

Accessibility Checker

Print-Ready PDF Layout and Publishing Workflow Tools

PDF Forms, Navigation, and Review Workflow Tools

Image Format Conversion and Animated Export Tools

Text Case, Encoding, and Normalization Conversion Tools