Help Centre

How to change the colour on my availability search?

Updated on

With the introduction of the new calendars, we have suspended all design matching. Design matching was required when using the old calendars to provide the guest with a seamless booking experience.
With the new calendars and booking cart you can customise the brand colour using the calendar  setup.

  1. Go to Admin > Integration HTML > Calendar wizard tab > Edit to the right of the calendar.

We have removed the design matching format and branded the page using your brand colors from your calendar widget. Your brand color is set in Admin>Integration HTML>Go to calendar wizard>Edit calendar> Brand (header, book button etc.) This can be changed at any time and it will automatically update the URL.

Predefined calendar colours

If your colour scheme for your calendar is set to use a predefined colour, you can only change the overall colour scheme used.
You will not be able to only adjust the brand colour, but you can select a different colour scheme.

  1. Select a different colour scheme from the drop-down menu.
Example

The original selection was Green.

This means the header and the buttons in the availability search are showing in the main green colour.

When the predefined style is changed to Teal, the availability search page will change accordingly.

Predefined style

Customised calendar colours
  1. For the Calendar type the option Customised should be already selected.
  1. Amend the colour selected for Brand (header, book button etc.) by clicking into the farb field or amended the hex colour code directly.
Example

The original colour is set to a light green.

This means the header and the buttons in the availability search are showing in the same light green colour.

If you amend this colour to e.g. a red, the availability page will be showing the same colour.

Please note:
If you are still using our old calendars instead of new improved widget bases one, please be aware that the brand colour on your availability search will be by default our green Supercontrol colour.
This can not be amended.

Previous Article How can I find a link to my Availability search page?
Next Article How to add a logo to the availability search page