Adding an image

Images are an important aspect of any website, and therefore we have made it simple to add an image. Simply go to the page in which you would like to add an image and follow the instructions bellow.

Edit Button

Step 1: Edit Button

Select the edit button (see red box) to begin. This will open the editor where you will be able to add images, as well as perform other tasks.

Insert image button

Step 2: Insert image button

Once the editor is open, select the image icon to open the insert image popup.

Browse for Image

Step 3: Browse for Image

Click on the File button next to the source box to open the image uploader where you will be able to browse your computer for the image you wish to insert.


Step 4: Browse

Select Browse to locate the image on your computer and select the file you wish to upload.

Add image title

Step 5: Add image title

Once you select the image you wish to upload, write in a file title. The text you type here will go into the "alt" tag, which describes the image to search engines and people with sight impairment.

Resize image

Step 6: Resize image

In this popup you can also decide if you would like to resize the image. This feature will reduce the image to 450 pixels wide, if it is smaller than 450 pixels it will remain the same size.

Upload image

Step 7: Upload image

Once all the information is filled in, select upload image.

Successful Upload

Step 8: Successful Upload

You’ll be informed that the image has been successfully uploaded

Choose image

Step 9: Choose image

Once you see the photo appear in the browser popup, roll your cursor over the image and a menu will appear- click on choose image. If you made an error and need to upload a new image, click on Delete. If you wish to edit the description of the video select Edit Details.

Image description

Step 10: Image description

The Image Description ("alt" tag) will be filled in with the image name. Change this if you would like.

Advanced tab

Step 11: Advanced tab

Select the advanced tab to add borders to the image: Vertical Space will add padding to the top and bottom of the image. Horizontal Space will add padding on the left and right. Style allows you to add css to the image.

Image after insertion

Step 12: Image after insertion

Once you have added all your spacing and descriptions, click okay and the image will apear in the editor

Align Image

Step 13: Align Image

To align the image select either justify right, center or left

Image after insertion- Save

Step 14: Image after insertion- Save

Click the save button and the image is now inserted into your site.