Theming Edify

The Theme settings page enables you to set up the theme for Edify’s student platform, as well as the Edify Admin interface, to match your university’s branding.

Changing your colors

Edify allows you to change 'primary' and 'secondary' colors (from its defaults) for the student platform based on your university’s branding requirements:

  • Primary - this color is used for the main toolbar, which you can preview through the Edify Admin interface’s toolbar/header upon changing the existing color.

  • Secondary - this color is used for highlights and should complement the primary color while still being clearly visible on a white background. This color can be previewed through your student platform’s dashboard page, in the student’s progress graphs.

To change the primary and secondary colors:

  1. Ensure you are signed in to Edify and that the Edify Admin interface is open.

  2. Click Theme settings in the navigation panel (or the Theme settings tile) to access the Theme settings page.

  3. Click the 'pencil' icon associated with the primary or secondary color to be changed.

  4. Use the color selection tools, or enter the appropriate Hex or R G B A values to choose your color.

    Before committing to a color change, it is worthwhile noting the existing Hex or R G B A values, as doing so would allow you to easily revert these back should you make a mistake.
  5. Click the Publish button to make your changes live when your are finished.

Adding your logos

Edify allows you to change the default Edify logos (for your university’s branding requirements) that are used in different areas of the student platform:

Use this section to add the logos that will be used in different parts of your portal. In all cases we recommend using good quality images with transparent backgrounds:

  • Horizontal logo - this should include your university name and logo, presented horizontally, and ideally with an aspect ratio of 1:3.

    1. Use a good quality image with a transparent background.

    2. This logo is displayed in places such as the student sign-in page. The preview box of your horizontal logo is presented over your current/chosen primary color.

  • Square logo - in most cases, this would match the university logo used as part of your horizontal logo, and ideally have an aspect ratio of 1:1.

    1. Again, use a good quality image with a transparent background.

    2. This logo is displayed in the toolbar/header of the Edify Admin and student platform interfaces. The preview box of your square logo is presented over your current/chosen primary color.

  • Favicon - the favicon appears in the browser tab and in your browser’s bookmarks feature when either the Edify Admin or student platform interfaces are bookmarked.

    1. When preparing your favicon, it should look good on both white and black backgrounds to support most users' browser preferences. The preview box of your favicon shows both.

    2. If a favicon is not uploaded the Square logo is used by default.

© 2015- Squiz Pty Ltd