Changing the size of the name of the invoice and invoice number

Created: 2014-06-16
Last updated: 2014-06-16
Post view count: 2103

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

You may select whether your changes will apply to a printed invoice, previewed invoice, or both.

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

 }
@media print{ 

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

 }
@media screen{ 

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

}
@media all{ 

 

Afterwards, simply paste the code of what you wish to customize.

 

How to change the size of the name of the invoice:

.invoice_title strong { font-size: 3em; }

 

How to change the size of the invoice number

.invoice_title > span { font-size:2em; display:block; margin-top:10px; }

where font-size:2em; is the variable

 

How to change the size of the name of VAT invoice (blue and old template)

.invoice_title h1 {         font-size: 5em; }

 

Default template:

The word "Invoice"​

<code>.invoice_outline  .clean.to_half td p.invoice_title strong{    font-size:4em !important; }</code>

Invoice number

<code>.invoice_outline  .clean.to_half td p.invoice_title span {    font-size:2em !important; }</code>

where font-size:2em is the variable

 



Back


Add Comment