Add custom footer in all print pages

Hi,

To add footer in print, i have added below css code

        @media print {
           html, body {
                      width: 100%;
                      height: 100%;
                      margin: 0;
                      padding: 0;
           }

           #footer {
                     position: absolute;
                     bottom: 0;
                     display: block;   
           }
          }

     HTML code:

     <div id="footer">
     <img src="/files/footer.png" />
     </div>is applied only on

But it's working only for first page, for more details please find attachment.
Is there any another way, so i can add footer in all print pages.

Thanks, Rohit



Note:

 

If you are posting an issue,

 

  1. ERPNext is a free and open source software and support is given on this forum by a team (https://frappe.io/webnotes). So please consider donating if you find this forum useful (https://frappe.io/buy). Even a small amount would be helpful.
  2. We should be able to replicate it at our end. So please give us as much information as you can. Please see it from the point of view of the person receiving the communication.
  3. Paste your code at http://pastebin.com or http://gist.github.com and send only the URL via email
  4. For sending images, use http://imgur.com or other similar services. Do not send images as attachments. Links are good. Same goes for any file you are going to send.

     

    End of Note



    You received this message because you are subscribed to the Google Groups “ERPNext Developer Forum” group.

    To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un…@googlegroups.com.

    To view this discussion on the web visit https://groups.google.com/d/msgid/erpnext-developer-forum/96f8fd53-4e78-463b-9144-38e94401ce32%40googlegroups.com.

    For more options, visit https://groups.google.com/d/optout.