I am trying to display the header and the footer image on all the pages of the converted pdf file. However, only the header image is displayed on all pages and the footer image is only displayed/visible on the last page of the converted pdf (html to pdf conversion via princexml)
I am attaching the file for your reference. Any help would be highly appreciated.

Thanking in advance!!

@page {
size: A4;
margin: 50px;
@top-center {
content: element(header);

}
@bottom-center {
content: element(footer);
/* content: url('path/to/footer-image.png'); */
/* content: url('{{template_dir}}{{footer_image_path}}'); */


}
}

1. style.css‎ 1.3 kB ‎
   style sheet

Are you defining the footer element at the beginning of the DOM (as opposed to only after the last page?). If not, your HTML structure would be helpful.

Hey Frederik, this is my html file. I hope it helps!

1. template.html‎ 0.8 kB