Adding Primary Colours to the Calendar Website

Modified on Thu, 16 Jan at 3:59 PM

Follow these steps to add or edit the primary colours on your calendar website:


Step 1

Login to SOCS administrator


Step 2

Select Calendar Website Editor within the Website Branding section


Step 3

Enter the Hex codes for the two colours you wish to include – see screenshot below:

Step 4

Press Save.


Colour Information:

Colours should be entered using their 6-digit Hex number including the hash (#) at the beginning. E.g. #123456. We recommend you get your hex colour codes from your school website branding. To save the colours successfully, two valid colours must be entered.


The two colours you enter are used on your SOCS website as containers for white text in links and headings, as well as for text on white backgrounds. We therefore recommend that you do not choose white, or any colours that are too pale.

To revert back to the standard SOCS colour scheme leave the colour fields below blank and click save.



The SOCS Calendar Editor is required to make these changes.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article