Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Your learning environment comes with a standard theme that is highly customizable. It allows you to control many aspects of the look and feel of your site.

Step-by-step Guide

To change the look and feel:

  1. Go to Site Administration > Appearance > Themes
  2. Expand the English or French theme depending on which language you want to modify
  3. Click on the Settings link the specific area that you want to modify

Once in the settings, you can click on any tab that you want to modify (e.g. Colours, Fonts, Buttons, etc.) and make your changes. Once you have made the changes, click on "Save changes" button at the bottom of the page. 

Layout

The layout of the front page is quite flexible. Once in the theme settings, you can go to the "Block region builder" tab to modify the layout. This tab allows you to add 4 rows of blocks, and specify how many columns (between 1 and 4) for each row. Once you specify the rows and columns you want on the front page, you can save the page to view the layout. You can then go back to the front page and, while in editing mode, add various blocks in the rows and columns. 

Step-by-step Guide

To modify the layout of the front page:

  1. Go to Site Administration > Appearance > Themes > English > Settings
  2. Click on the "Block region builder" tab
  3. Enable the "Enable custom block region on front page" setting
  4. Specify how man blocks you would like for each row
    1. For example, 3+3+3+3 would add 4 blocks of equal width, while 4+8 would add two blocks, with the 2nd block being twice as wide as the 1st block.
    2. If you do not need a row, select "Disabled" to hide it.
  5. Click on the "Save changes" button.

Once you've saved the page, you will see in the "Check your layout" section the layout of your blocks on the front page of your learning environment. You can now go to that front page to add actual blocks (e.g. Calendar block, Slider block, Text block, etc.) to those rows.


The image below shows the general layout of the front page.

...