Version: v6

How do I adjust the size of images in the Header / Footer of Core and Universal templates?

Gravity PDF automatically restricts the height of images in headers/footers to prevent them taking up a large portion of a page. You can override this behaviour by including a style attribute in your img HTML markup with the max-height property.

Follow these steps to make the adjustment:

  1. Go to PDF List Page and edit the PDF you want to adjust. Scroll down until you locate the Template section.

PDF Settings - Template Tab

  1. Scroll down to the Header/Footer Rich Text Editor you are interested in and select the Text tab to show the raw HTML markup.

Switch to Header Rich Text Editor

  1. Add style="max-height: 400px" to the <img /> tag and then save/update.

Include style”max-height: 400px”

It should look like this in your editor:

<img class="alignnone size-full wp-image-12 aligncenter" src="http://testsite.local/wp-content/uploads/2019/10/Group82InternshipProgramHeaderBanner.png" alt="" width="1030" height="250" style="max-height: 400px" />
info

To get the size you need the image displayed at, you may have to increase or decrease 400px until you get the desired result.

Before

A screenshot of a PDF with a logo constrained to a fixed height

After

A screenshot of a PDF with the logo size increased to the max-height specified

Last updated on