Elements: Images

How to add, resize, move, and modify images on your website pages

Last updated: September 2024

Want to spruce up your webpage with photos and images? Streamline’s got you covered. You can easily add, resize, and move images on your Streamline site.

All major image types (.jpg, .gif, .png, .tif, etc.) are supported.

Add Images in the Main Body Content of a Page

1. Navigate to the page where you want to add an image and make sure you are logged into your Streamline site.
2. Click the 'Edit this Page' pencil icon located at the top of your screen.
3. Locate the + Icon: In the Main Body Content area, find the '+' icon to the left of the text box, directly in line with where you want to insert the image. Click this icon to open the Insert Element menu. If you don't see these icons, click to the left outside of the Main Body Content area to make them appear.
4. Insert the Image Element: From the Insert Element menu, select 'Image' and then click 'Insert' in the top-right corner.
5. Select Your Image: In the Content Library, locate the image you want to use and click on it to select it. If you can't find the image you're looking for, you have two options:
   1. Upload an image from your computer by clicking 'Upload from your computer.'
   2. Choose from our free stock photos by clicking 'Select from stock photography.'
6. Confirm Your Selection: Once you've selected your image, click the 'Select' button in the top-right corner.

And that's it! You've successfully added an image to your page.

Format your images in the main body content

Resize images

1. While you're in the editing mode of your page, locate the image you want to resize.
2. Hover Over the Image: Hover your mouse cursor over the image. You'll see a blue up-down arrow icon appear on the bottom or side edge of the image.
3. Resize the Image: Click, hold, and drag the arrow to adjust the size of the image to your preference.

Move images

1. While you're editing the page, find the image you'd like to move.
2. Hover Over the Image: Hover your mouse cursor over the image. A blue cross icon will appear near the top-right corner of the image.
3. Move the Image: Click, hold, and drag your mouse to reposition the image wherever you'd like it on the page.

Remove images

Now, let's learn how to remove images from your page and your content library. 

To remove an image from a page, 

1. Editing a Page: Ensure you're in editing mode on the page where you want to remove an image.
2. Hover Over the Image Element: Move your mouse cursor over the image element you wish to remove. A red X icon will appear near the top-right corner of the image.
3. Remove the Image: Click the red X icon to remove the image from the page.

And that's it! The image is now removed from your page. However, it can still be found in your content library. 

Edit captions for images

1. Locate the italicized gray text underneath the image 
2. Click on it and type a caption
3. Click Done to confirm your changes:

Managing Images in Your Content Library

The Images tab of your Content Library is a centralized place where you can manage all the photos on your site. Here you can edit photos alt text, rotate photos, upload photos to your content library, or remove outdated photos. 

Upload new photos from your computer

1. Log in to your Streamline site.
2. Navigate to your Content tab.
3. Select the Images subtab.
4. Click the white 'Upload from your computer' button near the top-right of the page.
5. Browse for and select the image or images you want to upload, then click 'Open' to add it to your library. You can also drag and drop these from your computer. 

Add Images from Our Stock Library to Your Library

You can also add images from our selection of stock photography to your image library .

1. Log in to your Streamline site.
2. Navigate to your Content tab.
3. Select the Images subtab.
4. Click the white 'Select from stock photography' button near the top-right of the page.
5. Browse for and select the image you want to use, then click the green 'Insert' button when finished. 

Edit or Add Alt-Text to An Image in the Content Dashboard

Our AI tool should automatically add alt text to most all photos uploaded to streamline, but in case it doesn't or you need to change the alt text, you can do that here. 

1. Click the small gray pencil icon in the bottom-right corner of the image you want to edit.
2. Update the alt-text and click the green 'Save' button when finished.
   

Rotate an Image in the Content Dashboard

If you want to rotate an image orientation, you can do that from your content tab also. 

1. Log in to your Streamline site.
2. Navigate to your Content tab.
3. Select the Images subtab.
4. Click the small square with the rotating arrow on it on the image you want to rotate.
5. The image will rotate 90° clockwise. Repeat until the image has the correct orientation.

Remove an Image from Your Site in the Content Dashboard

Lastly, if you want to remove images everywhere they may appear on your site and from your content library, you can do that here as well. 

1. Log in to your Streamline site.
2. Navigate to your Content tab.
3. Select the Images subtab.
4. Click the gray trashcan icon in the top right corner of the image you want to remove.
5. After the confirmation pops up, click the red 'Delete' button to remove the image.

---

And that's it! You’re now a Streamline images dashboard pro. I hope this was helpful, but feel free to reach out with any questions!