How to adjust invoice sizes to your company's letterhead (except the Blue template)

Created: 2020-08-26
Last updated: 2020-08-26

To adjust the invoice template to the letterhead, you need to set the invoice margins accordingly. 

Below you can find some hints on how to make such a modification and, on the basis of test printouts, adjust the margins to your letterhead. 

To make such modifications, go to Settings > Account settings > (menu on the left ) select Print settings and on this page, at the bottom, in the field Customize print with CSS, type the following code:


} @media all { 
.invoice_outline { 
padding:1cm 0.5cm 1cm 0.5cm; 
} 
} 

Then you need to change the numerical values ​​of the margins respectively: top, right, bottom and left to match the letterhead (it is important not to remove any other letters or characters from the above code).

Note! To make sure that the CSS code will work correctly, please rewrite it manually, do not copy it.
The above code does not work in the Blue template. 


For the Gray template, use the following instruction:

1. Create a new template based on the gray template
2. Go to the template edition 
3. Under @media all { in the second line of code, paste:

.invoice_outline {
  min-height: 20cm !important;
  padding-top: 4cm !important;
}


(This is forcing a 4cm-high blank space to be added at the top of the document on the first page) 
  
and

.main_inv_table:nth-of-type(n+2) {
   margin-top: 4cm !important;
  }


(This is forcing a 4cm-high blank space to be added on the possible second and next page (:nth-of-type(n+2)) of the document) 

4. At the very end of the CSS field, probably somewhere around 800 lines of code, you need to paste:

@media print {
  #description_footer {
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


(Thanks to this, any field with notes will be printed normally) 

Depending on how the letterhead looks like and what margins you need, it is possible that the values ​​of margins and paddings will have to be selected independently.

5. Generate an invoice based on a new template. If there are many items in the invoice, e.g. more than 20, you have to manually click Add -> Page Break in the program to add a page break, e.g. after 20 items. The rest of the table will then be moved to the other page.

Note! The above code works when using the Quick Print option.

For more information, please see this post.

Create unlimited invoices and more with InvoiceOcean. Start your 30-day free trial.

Sign up free


Back


Add Comment