Changing the color and size of invoice elements using advanced CSS codes
Created:
2014-09-23
Last updated: 2021-11-09
Last updated: 2021-11-09
Post view count: 3853
To change the color and size of certain invoice elements, go to Settings > Account settings > Print settings > Customize print with CSS and paste the following CSS code:
Changing the color and font in the seller section (only works in the Default template):
These codes will make the Due date and your Bank info stand out:
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{
Changing the color and font in the seller section (only works in the Default template):
table.clean.to_half > tbody > tr > td:first-child p + p + p { color: red !important; font-size:1.4em; }</code>
<code>table.clean.to_half > tbody > tr > td:first-child p + p + p + p{ color: #000 !important; }</code>
<code>table.clean.split_half > tbody > tr > td:first-child p:last-child{ color: red !important; font-size:1.4em; }</code>These codes will make the Due date and your Bank info stand out:
In order for it to work in the Blue template, paste the following code:
.additional_data p + p + p { color: red !important; font-size:1.4em; }
Create unlimited invoices and more with InvoiceOcean. Start your 30-day free trial.
Sign up freeBack
Add Comment