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:
- Go to PDF List Page and edit the PDF you want to adjust. Scroll down until you locate the Template section.
- Scroll down to the Header/Footer Rich Text Editor you are interested in and select the Text tab to show the raw HTML markup.
- Add
style="max-height: 400px"
to the<img />
tag and then save/update.
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
After