Moving the text with the invoice number to the center of the document

Created: 2021-02-16
Last updated: 2021-04-07

Post view count: 985

Note! Please remember that the following changes are visible only on the printout or in the PDF generated from the system.

In order to change any element of the invoice on the printout, go to the Settings> Account settings> Print settings tab, and then at the bottom of the page fill in the field Customize print with CSS  with an appropriate CSS code.

To move the inscription Invoice No. 123456 to the center of the document, use the CSS code given below:

  • in Default, Old, Blue templates

} @media all{ 
.invoice_title{ 
position:absolute; 
left:50%; 
transform: translateX(-50%); 

  • in Plain Black, Gray, Sky templates:

} @media all{ 
#document_type, #document_number{ 
position:relative; 
left:61%; 
transform: translateX(-61%); 



the exact position is set by adjusting the 'left' property, you can move it vertically with the 'top' or 'bottom' variable.

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

Sign up free


Back


Add Comment