Changing the size of the name of the invoice and invoice number
Last updated: 2019-05-24
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
Comments
Add Comment