Help articles

By default, Billit places a QR code with a logo ('the little bird') on your invoices. Sometimes customers ask for this logo to be displayed smaller. You can change this via the invoice's style code.

In this article, we explain step by step how to change the size of the logo in the QR code.

In short

• You change the size of the logo in the QR code via the style code.
• You do this in the invoice settings of your corporate style.

Before you start

• You're using a non-customized (standard) invoice template.
• The original .qr style code is still present in your template.

Step-by-step plan

Step 1: Go to the invoice settings

1. Go to Settings.
2. Open Corporate style.
3. Click Invoice.

Step 2: Open the style code

1. Just above the source code, click Style code (content / style).
2. The style code editor opens.

Step 3: Find the existing QR code styling

In the style code, search for the code below.
Important: select everything from .qr up to and including the closing curly bracket }.

.qr {
display: block;
float: right;
}

Step 4: Replace the code

Replace the selected code completely with:

.qr {
display: block;
float: right;
}
.qr img {
width: 32mm !important;
height: 32mm !important;
}

Then save your changes.

Adjusting the size further

Want to make the QR code even bigger or smaller?

1. Go to Style code again.

2. Change the width and height values (in millimeters).

Ideal size: 15 mm
Anything smaller than that won't be displayed correctly.

Important points to keep in mind

This change only works:

• with a non-customized template
• and if the original .qr code is present.

The logo ('the little bird') in the QR code:

• cannot be replaced by your own logo.