Loyola Support Documentation

How do I embed an image in a text box?

Updated on

Position the cursor.

Position the cursor in the text box where the image will be embedded.

Select the Insert/Edit Image icon.

The Insert/Edit Image icon depicts a landscape with a sun and mountains. Selecting the Insert/Edit Image icon displays the Image Properties dialog box.

Select Browse Server in the Image Properties box.

Upload the image file.

Select the folder where you want to store the image file (i.e., Resources or Lessons), then select the Upload File icon.

Drop files or paste URLs or images from the clipboard.

Alternatively, select the Select files button.

Selecting the Select files button displays an Upload File dialog box from your computer.

Locate and select the image file on your computer, then select Open.

Select image and select OK.

Selecting OK returns the display to the file browser window. The uploaded file will be selected. Select OK in the file browser window to continue.

Modify image properties. (Optional)

If needed, adjust the image width and height, and add Alternative Text for screen readers.

Set the Alignment.

Use the radio buttons to set the Alignment for the image. Selecting an alignment besides None will wrap any text around the image.

Select OK.

Selecting OK returns the display to the text box with the embedded image.

Example of additional text displayed next to a left-aligned image.