You can add an image within several modules of your website. HTML / Text will probably be the module you will use the most but you are able to add an image in Announcements and Calendar. Announcements and Calendar modules have the same icon located within the edit section of their module and the steps provided here will work for them also.

 

Select "Edit Text" or "Edit Content" from your pull down menu or in the lower left of your module.

 

You can add an image anywhere within your text box. Your cursor needs to be in the location where you want the image to appear before you click the image icon below.

 

 

 

1) Click the Image Icon

2) After you click on the icon the "Image Properties" box will appear.

3) Click on the "Browse Server" button.

4) A new pop up window will appear with images to choose from or you can upload new images.

 

 

 

 

If you have the image on your computer, you can upload it to the site in just a few simple steps.

 

1) Make sure you are in the folder you want to upload the image to.

2) Click the "Browse" button.

3) A pop up window will appear so that you can navigate to the image on your computer.

4) Select the image.

5) Click "Open".

 

 

 

1) After you click "open" the box to the left of the "Browse" button will populate with the location of that image.

2) Click "Upload New File".

3) The image has been inserted into the folder you selected.

 

You can now click on that image to insert it into your module.

 

The image will appear in the "Image Properties" window in the preview section.

1) You can adjust the size of the image by reducing or increasing the Width and /or Height.

2) You can add a border to the image by using numbers from 0-10 with 10 being the largest and thickest border.

3) HSpace and VSpace lets you add space horizontally and vertically around the image.

4) Align lets you choose with the pull down menu where you want the text to start after your image is inserted.

5) Click "OK" to insert the image into the module.

 

 

In the example below, the image has been inserted with a border of (4).

REMEMBER TO CLICK "SAVE" TO SAVE YOUR CHANGES.