This support article pertains to the SiteNow v1 platform. Click here for SiteNow v2 documentation.

Embed a new image

1. Place the cursor in an empty paragraph where you want to insert an image and then click the "Add media" button in the editing toolbar.
   Note: The image should be inserted in an empty paragraph to avoid layout issues when the page is viewed.
2. Click the "Browse" button and select the image to upload. Then click the "Next" button.
3. Provide the name of the file, alt text and title text and then click the "Save" button.
   1. Name - Displayed to content editors in the list of files
   2. Alt Text - Alternative text is used by screen readers, search engines, and when the image cannot be loaded. By adding alt text you improve accessibility and search engine optimization.
   3. Title Text - Title text is used in the tool tip when a user hovers their mouse over the image. Adding title text makes it easier to understand the context of an image and improves usability.
4. Configure the display options of this instance of the image and then click the "Submit" button at the bottom of the dialog.
   1. Select the display type in the "Display as" field.
   2. Use the "Alignment" field to choose how you would like the media to be aligned with surrounding content.
   3. Optionally customize the alt and title text based on the context of the image.
5. Click the "Save" button at the bottom of the page.

Embed an image which has already been uploaded

1. Place the cursor in an empty paragraph where you want to insert an image and then click the "Add media" button in the editing toolbar.
   Note: The image should be inserted in an empty paragraph to avoid layout issues when the page is viewed.
2. Click the "Browse" button and then click the "Library" tab in the upper right corner. Select the image to embed and then click the "Submit" button.
3. Configure the display options of this instance of the image and then click the "Submit" button at the bottom of the dialog.
   1. Select the display type in the "Display as" field.
   2. Use the "Alignment" field to choose how you would like the media to be aligned with surrounding content.
   3. Optionally customize the alt and title text based on the context of the image.
4. Click the "Save" button at the bottom of the page.

Change the size of an embedded image

Use a pre-set size

1. Click on the image to re-size and then click on the "Add media" button in the editing toolbar.
   Note: The "Add media" button should appear active after you have clicked on the image.
2. In the "Display as" drop-down, select the display you would like for this image and then click the "Submit" button at the bottom of the form.
3. Click the "Save" button at the bottom of the page.

Use a custom size

1. Right-click on the image and select "Image properties".
2. Adjust the values in the "Width" and "Height" fields as desired and then click the "ok" button.
   Note: If the lock icon next to the "Width" and "Height" fields appears closed (
   
   ), the aspect ratio of the image will be maintained. If the lock appears open (
   
   ), the aspect ratio will not be maintained. Click on the lock icon to open/close it.
3. Click the "Save" button at the bottom of the page.

Change the alignment of an image

1. Click on the image and then click on the "Add media" button in the editing toolbar.
   Note: The "Add media" button should appear active after you have clicked on the image.
2. Select the desired alignment option in the "Alignment" field and then click the "Submit" button.
3. Click the "Save" button at the bottom of the page.

Note: Default spacing will be added around the image based on its alignment to prevent content from butting up against the image. To override the default spacing, see the section "Customizing the space around an image" below.

Customize the space around an image

1. Right-click on the image and select "Image properties".
2. In the "HSpace" field, enter the number of pixels of space to have to the left and right of the image.
3. In the "VSpace" field, enter the number of pixels of space to have above and below the image.
4. Click the "ok" button.
5. Click the "Save" button at the bottom of the page.

Note: To use the default spacing based on the alignment setting of the image, the "HSpace" and "VSpace" fields should both be empty.