Changing the margins in a printed invoice

Created: 2014-06-16
Last updated: 2019-09-04

Post view count: 2582

You may customize the way your invoice looks. In order to do so, go to Settings > Account settings > Print settings > Customize print with CSS.

In order for the changes to apply to printed invoices only, start by pasting the following code:

@media print{ 

Changing the margins

@page { size: size: 8.5in 11in; /*first value is the length, second value is the width of the page*/ margin-top: 0.5in; margin-right: 0in; margin-bottom: 0.5in; margin-left:0.5in; } .invoice_outline { padding-top: 0.5in; padding-right: 0.5in; padding-bottom: 0.5in; padding-left:0.5in; }

Where the first value applies to the width and second applies to the height of the page.


These variables can be changed accordingly.



Below is an example of an invoice without margins .invoice_outline { margin: 0 !important; padding: 0 !important; } @page{size:portrait;margin:0;padding:0;}


Add Comment