Invoice Customization

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

Last updated: 2021-04-07


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.


Back


Comments

Add Comment