Common editing tasks

This page is under construction

Bullet points 

The previous issues have now been fixed. When you want to apply bullet points simply type your list of items, highlight this and click the bullets icon in the toolbar. Alternatively click the icon, type a bullet point and when you hit return you get a new one. This goes on until you hit "enter" twice.

Inserting images into content

Before you start: you are recommended to edit your image if necessary to an appropriate file size/dimensions BEFORE you add it into your content. You should avoid uploading images direct from a camera or phone into your web content as that file will usually be much larger than it needs to be. You can do very simple image editing using software such as Photoshop or the free Irfanview, or you can use a web service such as this to upload your image file and have it made downloadable in the desired size. (External tools used/downloaded at your own risk.)


1. Edit your content

2. Position the cursor where you want the image to go

3. Click the "Add media" icon to the right of the toolbar

This is a screenshot of "add media" icon - not the actual icon

4. Click "choose file"

5. Browse for your file on your computer

6. Click "upload"

7. Click "next"

8. If you are asked to enter a destination, select "Public local files served by the webserver" (default setting) and click "next"

9. Enter alt text and title text to help describe the image. These are important for accessibility. You can put the same text in both fields. In some contexts the "title text" will also automatically display as a caption underneath the image.

10. Click "save"

11. Click "submit"

The image will then display inserted into your content.

Further refinements for dimensions, padding and position

1. Right click on the image

2. Select "image properties"

3. You can enter a width or height for the image and the other dimension will be calculated proportionately

4. Border - puts a border of the width of this number of pixels around your image (not recommended in most cases)

5. hspace and vspace - puts white space of this number of pixels respectively to the left/right of, and above/below, your image. A figure between 5 and 10 is recommended. If you are adding several images to your page you should enter the same number in here for all images, for consistency.

6. Alignment - "left" or "right" will position your image at those points within the surrounding text; "none" will make the image appear on its own and the neighbouring text will appear underneath it.

7. Click "OK"

8. Save your content, or preview then save.