You're looking at an older version of Totara Learn.

Please see Totara 15 help for the latest version.

Search

Selecting a theme

A site administrator can choose the default site theme via the Administration menu within Appearance > Themes > Theme selector.

A different theme can be enabled for mobile, tablet and/or default devices (desktop PCs, laptops, etc) or you can use one responsively designed theme which will adapt to the screen size/resolution of the user.  For more information on responsive web design please see https://en.wikipedia.org/wiki/Responsive_web_design.

Enable device detection must be enabled via the Administration menu within Appearance > Themes > Theme settings.

Use the Change theme button and then Use theme to select your desired default theme for the site.

Totara Learn has an in-built theme (Basis) available or a custom theme can be uploaded into to the totara/theme directory on your host server. 

Basis allows site administrators to customise key elements such as colours, logo and custom CSS through the user interface. 

Customising themes

The Basis theme has a range of customisation options which allow site administrators to create permanent or temporary themes which are branded and use your organisation's colour palette.

SettingDescriptionNotes
Favicon

A favicon is the small icon that is displayed to the left of a website address within a browser.  Select or upload the image file using the standard File picker to be used as the site's favicon. The icon must be *.ico format.

-
Logo

Select or upload the image file, using the standard File picker, to be used as the site's logo.  

The image will not be resized on upload so ensure your image file is the require size before adding to the site.
Logo alternative text

Select the text that is displayed when an image can't be viewed - for example by a screen reader.

-
Enable style overrides

Allow theme colour settings to override theme defaults.

You must have this option enabled for any changes you enter on the Basis custom settings page to work.
Text colour

This sets the colour of all text within the site including all navigation items which are not links and text entered in Labels and Page activities etc. The colour of text entered by users within the HTML editor can be changed from this default colour.

-
Link colour

This sets the colour of all links within the site including editing icons, navigation and menu items that link to new areas or reorder reports/displays. 

-
Visited link colour

This sets the colour of all links within the site including editing icons, navigation and menu items that link to new areas or reorder reports/displays that have been previously clicked/followed by the user.  The visited status of a link can be reset by the user by clearing browser caches.

-
Button colour

This sets the colour for the background of buttons such as the Save changes and Cancel buttons throughout the system.  Note, this won't change the text colour of the text within a button which will remain white (#FFFFFF).

-
Background colour

This sets the background colour across the site. Items such as Blocks, the Top Navigation bar and the Footer sit on top of this background and will not inherit this colour.

-
Main content background colour

This sets the background colour of the main content area of the site and includes settings pages, course pages and the central content block on site pages.

-
Secondary content background colour

This sets the colour for the background of the Top Navigation bar and the Footer.

-
Footnote

Whatever you add to this text area will be displayed in the Footer throughout your Totara Learn site.

-
Custom CSSAny CSS you enter here will be added to every page allowing your to easily customise this theme.-

Below is an example with the background colour set to blue. 

On this page

The Totara Academy has a whole course dedicated to using Dashboards and basic theming in Totara Learn. Here you can learn more on how to customise your site's appearance, see best practice, and give it a go yourself.

Provide feedback about this page using the link in the bottom right of this page. 

Still have questions? Why not post them in the forums of the Totara Community?