How to customise a theme for invoices and estimates
This article explains how to use our customisation designer to create a custom theme for your invoices and estimates in FreeAgent.
When creating a custom theme, you can use the customisation designer to customise the following:
If you would like to customise additional elements of an invoice theme, you can customise an invoice theme using CSS.
Creating a custom theme
To create a custom theme in FreeAgent, select 'Settings' from the drop-down menu in the top-right corner, then select 'Theme Gallery' from the ‘Emails, Invoices & Estimates’ section.
Select ‘Create custom theme’.
You can customise the table content, size of your logo, accent colour and font.
You can adjust the table style and density for the invoice and estimate line items.
Customising the table style
Adjusting the ‘Table style’ allows you to choose whether you would like the table rows differentiated using dividers or coloured accents on alternating rows.
Customising the table density
Adjusting the ‘Table density’ allows you to choose how spacious or compact you would like the table content to be.
Once you’ve added your business's logo, you can adjust the size by choosing from the different size options.
To add or replace your logo, select the ‘Change logo’ or ‘Add logo’ link.
Select ‘Select a file’ and choose a file in either PNG, GIF or JPG format to upload from your computer. Then, select ‘Upload’ to add it to the custom theme.
You can adjust the accent colour of your invoice by selecting the circle below ‘Accent colour’.
You can either select a colour using the colour picker or by entering the RGB, HSL or Hex code. Find out more about the difference between RGB, HSL and Hex codes.
RGB will be displayed by default but you can navigate to HSL or hex using the arrows to the right of RGB.
You can select a different font for your heading and body content using the drop-down menus. You can choose from a library of 38 fonts.
Saving and applying the theme
Once you’re happy with how your theme looks, select ‘Save and finish’ to complete the process. To undo the changes and return to the default theme or your previously saved version, select ‘Revert changes’.
Using a custom theme
You can apply a custom theme to all your current draft invoices and any future invoices and estimates that you create by navigating back to the ‘Theme Gallery’ and selecting ‘Make Default’ below the ‘Custom’ thumbnail. Alternatively, you can apply the theme to an individual invoice or estimate.
I need help with…View all categories →
Articles in this section
- How to change the theme of an invoice
- How to change the size of your logo on an invoice
- How to choose a default theme for your invoices
- How to create a custom invoice theme using CSS
- How to customise an invoice theme using CSS
- How to customise a theme for invoices and estimates
- How to download the Invoice DevKit