{"id":151188,"date":"2026-10-11T13:42:00","date_gmt":"2026-10-11T13:42:00","guid":{"rendered":"https:\/\/docs.daftra.com\/?post_type=tutorial&p=151188"},"modified":"2026-10-20T09:29:58","modified_gmt":"2026-10-20T09:29:58","slug":"custom-changes-to-the-invoice-layout-watermark-two-page-invoice-and-more","status":"publish","type":"tutorial","link":"https:\/\/docs.daftra.com\/en\/tutorial\/custom-changes-to-the-invoice-layout-watermark-two-page-invoice-and-more\/","title":{"rendered":"Custom Changes to the Invoice Layout: Watermark, Two-Page Invoice and More"},"content":{"rendered":"
\n
\n
Module<\/span>Sales \u203a Templates<\/span><\/div>\n
Screen<\/span>Invoice\/Estimate Layouts<\/span><\/div>\n
Required apps<\/span>Sales<\/span><\/div>\n
Required permissions<\/span>Edit General Settings<\/span><\/div>\n<\/div>\n
\n

Contents<\/p>\n

    \n
  1. Overview<\/strong><\/a><\/li>\n
  2. Before you start<\/strong><\/a><\/li>\n
  3. How to access it<\/strong><\/a><\/li>\n
  4. The two custom editing tools<\/strong><\/a><\/li>\n
  5. Adding the company stamp or signature to invoices and estimates<\/strong><\/a><\/li>\n
  6. Steps: adding CSS code<\/strong><\/a><\/li>\n
  7. Steps: editing the HTML<\/strong><\/a><\/li>\n
  8. Example: adding a watermark<\/strong><\/a><\/li>\n
  9. Field descriptions<\/strong><\/a><\/li>\n
  10. Messages and how to fix them<\/strong><\/a><\/li>\n
  11. Cases that affect the changes<\/strong><\/a><\/li>\n
  12. Two-page invoice template<\/strong><\/a><\/li>\n
  13. Requesting the change from the Custom Solutions team<\/strong><\/a><\/li>\n
  14. Important notes<\/strong><\/a><\/li>\n
  15. FAQs<\/strong><\/a><\/li>\n<\/ol>\n<\/div>\n

    Overview<\/h2>\n

    The invoice layout editor lets you change the logo, colors, fonts and the data shown, but some changes can’t be made from the visual editor, such as adding a watermark<\/strong>, hiding a certain element, or changing the order of the invoice sections. For these changes, the system provides two tools: CSS Code<\/strong> to add CSS code, and Edit Html<\/strong> to edit the layout structure directly. This article explains how to add the company stamp to invoices and estimates from the editor without code, then the two tools, with a complete example of adding a watermark. If you don’t have programming experience, you can request the change from the Custom Solutions team<\/strong><\/a> to carry it out for you.<\/p>\n

    Before you Begin<\/h2>\n