Navigate to the Menu and click on Site Settings.
Click on the Themes tile.
Click on Create New Theme.
Give the Theme a name within the popup window.
Make sure that the Type dropdown is set to Site Theme - if it is not, click on the dropdown menu and choose Site Theme.
Click Create. You will be taken to the Edit Theme area where you will be able to start editing your Theme.
This area is split into the following editable sections:
Brand Colours | Set the main colour of your site. |
Site Colour Scheme | Set the primary and secondary button colours as well as the box header colour. |
Headers and Footers | Upload a logo for the site and set the background colour for the site header. |
Login | Choose the background image for the login page and the login text, button and forgotten password link colours. |
Portlet Images |
Displays the list of standard Portlets and the images associated with each. Click on the Upload link and browse to the image on your computer that you'd like to use if you want to change it. Portlet images should be 313px wide by 256px high (313px by 200px to keep white space where portlet title is visible) and each section of the Common Tasks portlet is 313px wide by 58px high. |
Certificates | Set the colours and background image of any Certificates you award for completing Activities. |
Additionally, on the left-hand side you can upload an email header image, which will appear in emails sent from the LMS. Click choose file to select an image from your file browser, and then click Upload.
Change a colour
Click on one of the colours to amend it and a colour picker will be displayed.
Simply move the slider on the right-hand side to find the colour you'd like to use.
Or click onto a colour within the colour picker to select it.
Alternatively, type the hex code for the colour into the box.
Click on Choose to select the new colour.
Upload an image
Images can be uploaded wherever you see the upload button:
Navigate to the file on your computer and open it to add it to the Theme.
The recommended image size is 1920 pixels wide x 1280 pixels high and can be saved in jpg, png or svg format.
Tick the Display preview on transparent background box to preview what the image will look like once it has been added to the page.
Save your changes
When you are happy with your Theme, click on the Save button at the bottom of the screen to save the changes.
Preview the theme
You must click on the Save button before previewing your Theme otherwise any changes you have already made will be lost.
Click on the Preview button to preview any changes you make.
Click on Confirm within the popup window.
You will be able to navigate the site with the new theme colours and images applied.
Click on the End Preview Mode button at the top of the screen to stop the preview and return to the Theme Settings page.