Images

Step 1a: If there is text in the module, click at the beginning of the paragraph, then click the "Insert/edit image" button. It looks like a tree and is located second from the left on the top row of the text module editor.

Step 1b: If there is no text in the module, click the "Insert/edit image" button. It looks like a tree and is located second from the left on the top row of the text module editor.

Step 2: A popup will appear. Use the button to the right of the first input, labeled "Image URL", to navigate to the appropriate image.

1. Instructions for navigating the image manager
2. Instructions for using the image manager editor (resizing instructions and guidelines are also there)

Step 3: What you type into the "Image Description" field is what will appear when someone views the page without images. Be descriptive.

Step 4: The "Title" field is what will appear when someone mouses over the image. It is standard to have this be the same as the description.

Step 5: Click "Insert" at the bottom left of the popup to insert your image.

Step 1:  Click at the beginning of the line where you want the image to appear.

Step 2: Click the "Insert/edit image" button. It looks like a tree and is located second from the left on the top row of the text module editor.

Step 3: A popup will appear. At the top of the popup is a tab labeled "Appearance". Click it.

Step 4: From the "Alignment" drop-down, select "Left" to make it appear to the left of the text or "Right" to make it appear to the right of the text.

Step 5: In the "Horizontal Space" field, type 20.

Step 6: Click anywhere on the popup. The preview image to the right of the fields on the popup should have changed as well as the "Style" field.

Step 7: In the "Style" field, delete the "margin-.....: 20px;" that is the same as the direction chosen from the "Alignment" drop-down. Delete the semi-colon (;) as well.
Step 7a: If you picked "Right" delete "margin-right: 20px;"
Step 7b: If you picked "Left" delete "margin-left: 20px;"

Step 8: Click "Insert"

Step 1: Insert an image into the text editor by itself. Do not insert it next to text, it needs to be on it's own line. You can ensure this by clicking at the end of a block of text and pressing RETURN.

Step 2: Click the image (in the text editor, not the image popup).

Step 3: Click the "Align Center" button. It is seventh from the left on the top row of the text module editor.

Step 4: Click "Save" or "Save & Continue".

For images to the side of text

Step 1: Determine where you would like the image to be.

Step 2: Drag the image to the beginning of the paragraph that you would like it to be even with.

Step 3: Remember to save your work.

For images centered in the page

Step 1: Insert a blank paragraph where you would like the image to be by clicking at the end of the existing paragraph and pressing RETURN.

Step 2: Drag the image to the blank paragraph.

Step 3: Remember to save your work.

Step 1: Delete the image (click, press DELETE)

Step 2: Click on the end of the line(s) in question and press DELETE to remove the extra breaks.

Step 3: Follow the usual instructions to insert an image.

Remember to always put the image at the beginning of the paragraph.