> For the complete documentation index, see [llms.txt](https://support.onfact.eu/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://support.onfact.eu/tutorial-1-the-basics/5.-configure-the-layout.md).

# 5. Configure the Layout

In BestInvoicing you can easily change the layout of your invoices. This is done via the Company Settings.&#x20;

1. Click your e-mail address at the top right of the BestInvoicing window; a drop-down menu appears.&#x20;
2. Select 'Company Settings'. You will see the general page with your company information.&#x20;
3. To set the layout of documents, navigate to the fourth choice in the middle menu; 'Templates'.&#x20;
4. To customize the current template, click the yellow pencil button 'Personalize Template'.

![](https://2236458531-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgpIVebdo9UIKswA3rF%2Fuploads%2FpTyErF27OX0oyqN6Tp3r%2Fm5cyySKSn5.gif?alt=media\&token=d7b43bf7-2d3c-4206-ae08-9b55edeee1a5)

In the middle section you can make adjustments to the template. In the right side of the window, you can simultaneously see a preview of your documents. After each change, click the blue button at the top right ('Refresh Preview') to view your changes.&#x20;

## Choose Your Logo&#x20;

One of the most significant customizations is the display of your company logo. Click 'Logo - Select file' to upload a logo. In the example below, the company logo was uploaded:

![](https://2236458531-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgpIVebdo9UIKswA3rF%2Fuploads%2FDudPHTqcH93XyrUMfVpR%2Fimage.png?alt=media\&token=0eed91a8-9de3-4ad7-9333-e8d7f69557f1)

Use the slider below 'Settings' to make the logo larger or smaller.&#x20;

{% hint style="info" %}
Don't forget to hit 'Refresh Preview' to reflect the changes on your preview document.&#x20;
{% endhint %}

## Choose Your Background&#x20;

It is also possible to upload not just a logo, but also a complete background. However, you will need to have a ready-made image available for this. In the example below, a background was uploaded.

![](https://2236458531-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgpIVebdo9UIKswA3rF%2Fuploads%2FjgXycBgggKneejmR4jPR%2Fimage.png?alt=media\&token=d9f25219-a032-454e-9d1a-194fe0d32ada)

Invoice appearance before and after adding a background:

![](https://2236458531-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgpIVebdo9UIKswA3rF%2Fuploads%2FrDmi84FYQeDkQq0VfvaO%2Fimage.png?alt=media\&token=5680ce58-aa8e-4c73-87fd-fc727448c550)

You can make some more adjustments under the heading 'Settings', such as&#x20;

* make the logo larger or smaller;&#x20;
* increase or decrease the margin between the different lines;&#x20;
* adjust the size of the font.

![](https://2236458531-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgpIVebdo9UIKswA3rF%2Fuploads%2FjWMKDtSSrNqLUwg9lqoe%2Fimage.png?alt=media\&token=652bdb8c-04da-4fc1-ae94-e7e31fb66ba4)

## Choose Your Font

BestInvoicing offers you to choose between a few fonts:

![](https://2236458531-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgpIVebdo9UIKswA3rF%2Fuploads%2FW1uZNTemk335j9bJu1Bb%2Flettertypes%20voorbeelden.jpg?alt=media\&token=87fad57c-dd7e-4e61-b3e7-8f84449644d4)

## Choose Your Colors

BestInvoicing also offers color options for bars and text in the product table. By clicking the colored blocks, you open a color selection wheel. You can click on any color or manually enter the hex code of the color.

<img src="https://2236458531-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgpIVebdo9UIKswA3rF%2Fuploads%2FjS5KSOU5g4ME1SBEP7Ge%2Fimage.png?alt=media&amp;token=3faf44f5-4a0c-4a50-ad96-383b18f08452" alt="" data-size="original">

Below is an example before and after color adjustments:

![](https://2236458531-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgpIVebdo9UIKswA3rF%2Fuploads%2Fvf0j7DKimm5HUPEM4rms%2Fimage.png?alt=media\&token=68255f0a-8d39-4520-8cf4-a4c07fc6c20b)

The selected colors then look like this in the BestInvoicing menu:

![](https://2236458531-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgpIVebdo9UIKswA3rF%2Fuploads%2FGtfMteqJqVmV49IG0BK7%2Fimage.png?alt=media\&token=2d930fc9-2b19-47ba-b4bc-ffbac9157bbd)

{% hint style="success" %}
Do you want more customization? With some technical know-how you can make changes to the internal code of the template via html and css. For a complete custom layout, you can [contact us](mailto:support@bestinvoicing.com): we will provide you with a free price quote (no obligations).
{% endhint %}

## Get Started!&#x20;

You can create and save several templates to give almost every document a different look and feel. Experiment with the possibilities of bringing your corporate identity to life in BestInvoicing!
