Invoice Template issue

Hi, I’ve difficulties with customizing invoice template. The system layout broken after previewing my template.

This is how it looks when I preview the invoice

It looks just fine right? Yet, when I closes the preview, the system became like this (it looks normal after I return to previous page)

And If I try to print the invoice, it became like this

May I know where should I look to fix this? Let me know if you need more information.
I’m using ver 16.5.55 on mac OS X 10.11

Your HTML template is injected into the app UI which is also HTML document. You need to rewrite your HTML template so it doesn’t leak.

For example, I’ve noticed you have tags like <html> or <head> in your HTML template. Those must be removed. Also you have global CSS styles. You need to remove those too.

1 Like


With recent version upgrade, I find the custom templates have changed automatically with regard to “Notes”. Was using custom templates so far and the placing of ‘Notes’, was perfect. (Image below)

However, this has changed automatically with the recent upgrade without any edit done to the template. (image below)

Please see that the bold font too has changed…
Any solution?

In your HTML code, instead of {{ notes }} use {{ notes | newline_to_br }}


Thank you very much. For the bold font? ** not working…

Use HTML tag <b> so **Bank Details:** should be <b>Bank Details:</b>