How can I change the colours of the site?

In Preferences there are 8 colours you may change to fully customise your site. Each setting has an associate picture to clarify what page elements you are affecting when changing a value.

Screen of the W3Schools Colour Picker

For each colour you need to enter the full HEX code, such as #FFFFFF for white (we know this is not ideal and are working on a super-funky interface and colour picker).

You can get HEX codes from popular software such as Photoshop or from this website: http://www.w3schools.com/tags/ref_colorpicker.asp

The colours you may control are:

Screen showing where the accent colour is used on the website

Colour: accent. This is the colours used for the selected menu and social media icons. It should be a contrasting colour compared to the rest of the colour scheme.

Screen showing where the background colour is used on the website

Colour: background. The overall background colour of the entire site.

Screen showing where the bodytext background colour is used on the website

Colour: bodytext background. The background colour of the main body of each template.

Screen showing where the secondary colour is used on the website

Colour: secondary. This is the colour used for the background of the footer, links and documents.

Screen showing where the filter colour is used on the website

Colour: filter. The colour used for the background of filters (e.g. type of event).

Screen showing where the hover colour is used on the website

Colour: hover. The colour displayed when hovering over an active link.

Screen showing where the dark text colour is used on the website

Colour: dark text. When using dark text, this is its colour.

Screen showing where the light text colour is used on the website

Colour: light text. When displaying text on a dark background.

Each setting has an associate picture to clarify what page elements you are affecting when changing a value.

Again, please bear with us: we know people don't want to use HEX codes and we are working on a better interface for this part of the settings. In the meantime, please get in touch if you need help.