Setting standard footers on your invoices *perfect solution*
I've found the ideal solution to the problem of FreeAgent not allowing a standard footer on invoices that it generates.
Background
In order to do this, you must have your own CSS template set up. I understand that this is currently only a beta feature, but I was able to have this activated very quickly on my account by asking Roan nicely.
Once activated, you can go to Invoice > My Theme and adjust CSS directly. The CSS for the default themes is also available as a starting point.
The footer
CSS has functionality which allows you to tag additional, hardcoded text onto the content of a class. By combining this functionality with white-space handling, some special characters and if you wish, standard changes to font size and weight, you can produce professional looking footer.
I use the "Additional Info" on my invoice to specify how cheques should be paid. This appear by default in bold at the foot of my invoice. Following that, I add my Registered Address and any other footer I want using the code below:
Sample code:
New lines are forced with "\A " (in conjunction with the declared "white-space" directive).
Stuff to note
Internet Explorer will NOT display the text. Don't worry though - it doesn't matter - the PDF renderer that creates your PDF does, regardless of your browser. When proofing your changes, use Firefox or better still keep saving your invoice to PDF and checking how it looks while you tweak.
Background
In order to do this, you must have your own CSS template set up. I understand that this is currently only a beta feature, but I was able to have this activated very quickly on my account by asking Roan nicely.
Once activated, you can go to Invoice > My Theme and adjust CSS directly. The CSS for the default themes is also available as a starting point.
The footer
CSS has functionality which allows you to tag additional, hardcoded text onto the content of a class. By combining this functionality with white-space handling, some special characters and if you wish, standard changes to font size and weight, you can produce professional looking footer.
I use the "Additional Info" on my invoice to specify how cheques should be paid. This appear by default in bold at the foot of my invoice. Following that, I add my Registered Address and any other footer I want using the code below:
Sample code:
#comments:after { white-space: pre; font-weight: normal; font-size:8pt; content: "\A MyStuff.com is a trading name of MyCompany Ltd.\A Registered in England and Wales as a Limited Company (01234567)\A Registered Office: Buckingham Palace, The Mall, London AB12 3CC"; }
New lines are forced with "\A " (in conjunction with the declared "white-space" directive).
Stuff to note
Internet Explorer will NOT display the text. Don't worry though - it doesn't matter - the PDF renderer that creates your PDF does, regardless of your browser. When proofing your changes, use Firefox or better still keep saving your invoice to PDF and checking how it looks while you tweak.
1
person likes this idea
I like this idea!
Tell me when this idea gets some attention.
The more people who like this idea, the more it gets noticed.
The more people who like this idea, the more it gets noticed.
-
Inappropriate?How very resourceful of you!
From the release after next, you'll have the ability to add default footer text to invoices anyway, which should make it easier for everyone.
I’m off on my hols so speak to you in a week!
-
Inappropriate?Wow!
The ability to change the CSS in the beta has been amazing - have been able to totally tweak my invoice layout to exactly how I want (combined with the CSS3 trick of :before and :after), and I've now almost got it exactly the same as my normal layout (in fact just a little bit slicker)...
Is there any way you could let us know what fonts are installed on the server for the PDF generation so we know what we can/can't use reliably?
Thanks
I’m thankful
-
dj
The current fonts are all the standard web fonts, plus: Gil Sans, Calibri, Lucida Grande, Book Antiqua, Baskerville Old Face, Century Gothic, Palatino Linotype. -
Thanks for that Olly - big help!
Loading Profile...




EMPLOYEE
