Add Images to the Body or as a Header
IMPORTANT: Use only images and material that you have the right to use. Avoid copyrighted content without permission. Use university-owned photos, purchase stock photos, or creative-commons images only. Using copyrighted material illegally can lead to fines.
Add an Image to a Body Field
Follow these steps to place and align images in a text box.
- If needed, enter edit mode.
- Place your cursor at the start of the line where you want the image to be.
- Select the add media icon.
![Screenshot of the add media button in Drupal](https://www-s3-live.kent.edu/s3fs-root/s3fs-public/styles/fixed_width_1200/public/Screenshot%202024-03-01%20at%209.58.23%E2%80%AFAM.png?VersionId=8P6NbWSpwSQeYOGTkbjqGdOpqx9KjMo6&itok=7xuZ81cS)
- Either...
- 1) ...to upload a new image, click "Choose File" at the top.
- Start your image's filename with your group name or abbreviation - this will make it easier for you and other editors to find the images in the future.
- Browse to locate the image you want to use and upload it.
- Enter the required Alt Text.
- (Alt text is how you would describe the image to someone who could not see the image.)
- Click "Save"
- Click "Insert Selected" (the image will automatically be selected after uploading)
- (if the "Insert Selected" button doesn't do anything, you may have forgotten to click into the content where you want the image should be added)
- Or, 2) ...to use an existing image in the media library, search for and click on the desired image
- Click "Insert Selected"
- 1) ...to upload a new image, click "Choose File" at the top.
- Align the image left or right if desired by clicking the image and selecting the alignment from the pop-up.
- Select a width in pixels from the same dropdown menu on the image. This will dynamically resize your image.
- Save the page after any further changes.
*The display type must be changed to make sure the page saves correctly.
Add a Hero/Feature Image to a Page
Directions on how to add either a large header at the top of a page or a small square image above the navigation are located in the Basic Page Fields instructions.