Teaching Online at UTAS

The ICB template commonly used to develop pages in MyLO features Images elements that contain right or left aligned images with text.

By default, these images are set to take up a maximum of 30% of the page width. If you’re confident editing HTML, it is possible to override this rule by making a slight change to the code behind the page in the HTML Source Editor.

To do this:

• Insert the left/right aligned template element into your MyLO page. Insert your chosen image (you may wish to Save the page at this point).
• Select the image included in the template. Use the Insert Image tool (in the WYSIWYG toolbar) to insert your chosen image. This must be done before you play with the HTML, as doing it post changes seems to break the formatting.
• Open the HTML Source Editor on the page you are editing and locate the div tag for the image element (usually <div class=”img-right”> or <div class=”img-left”>).
• Insert the following style into the div tag, adjusting the percentage to suit your needs (e.g. here we have used 60%):style=”max-width:60%;”

To illustrate, the original div tag would be as follows (example based on the right-aligned image element):

<div class=”img-right”>

Following your edit, the tag should be as follows:

<div class=”img-right” style=”max-width: 60%;”>