How can we be of service?

Websites created for childcare and education

Colour adjustment

Laura Hogenbirk
Laura Hogenbirk
  • Updated

In this article, we will explain how to adjust the colours of the website

The colours used on the website are created in the theme

  1. Go to Management and then Theme.
  2. A window will open where the theme is located; select the theme
  3. Here, you can adjust colours on the website in various ways.
  • Under the Colours section, fill in the colours of the website. The colours are divided into four main colours, this 'palette' will be used on the website. In the Link part, fill in the colour given to the links on the website

    You can also derive the colours from your logo. Use the Adobe website to extract colours from your logo. These colours will be in HEX codes. Don't forget to include the # when adding them to the theme.

    Colours must be entered in HEX colour codes. If you use printing colours (CYMK and PMS) on your website, this can result in strange colours. If you only have an RGB code, use this website to convert it to a HEX colour code. Click here for more information about HEX colour codes

  • If you want to customise the colours of the menu, go to the theme and then the menu. The colour filled in under Menu Background is the colour of the menu, depending on the chosen template. The colour under Menu Link is used in the menu for the menu text. For the top bar on the website, you can assign a colour to it under Top Bar Background

    Avoid using too many different colours, as it makes the website appear busy and unappealing. Need inspiration for a beautiful colour palette? Upload your logo to a colour wheel.

  • Choose a background colour or a background image. The default background colour of the website is white (HEX colour code #FFFFF), and you can choose to give the background a different colour.

    Preference is often given to a light and neutral colour. When the background gets a striking colour, it distracts from the website, and the text on the website becomes less readable. Another option is to choose an image as the background. Be cautious here as well, ensuring the image is not too dominant but remains neutral

Of course, you would like to immerse your website as much as possible in the colours of your house style, including the text. However, not all colour combinations are suitable for this. Here again: readability above all. There must be enough contrast to distinguish one colour from another. Sounds easy, but in practice, it turns out to be more difficult than expected. Consider, for example, your mobile phone. The chances are high that the visitor has set the screen brightness to adapt to the lighting conditions. Also, think about the orange glow when the night mode is on. Want to make sure the contrast is almost always good? Then choose black text on a white background. There are also various online tools to check the contrast of two colours. This way, you immediately find out if the contrast is optimal.

Also, check the contrast checker.

Example of contrast differences, the text in yellow is less readable:


Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request



Please sign in to leave a comment.