New York University Skip to Content Skip to Search Skip to Navigation Skip to Sub Navigation
Main Navigation

Place an Image Within Text

After adding an image to a page, you may wish to align it with text. Follow the following steps to do so:

  1. Add an image component to the page and then double-click on it to set the configurations. The image will need be in a space wider than its set width: 1-column image in a 2 column space, 2-column image in a 3-column space, etc.
  2. Place a Rich Text component below the image.*
  3. Double-click on the image or right click and choose Edit to open the Image dialogue.
  4. Under the Advanced Tab, click on either the Left or Right button in the Alignment field. DO NOT choose Center. Text wrap is not currently designed to do accomodate this choice.
  5. Click OK.
  6. Click the magnifying glass icon in the Sidekick to open the page in Preview mode to ensure that the cropped image appears as expected from the end-user's perspective.
  7. Refresh your browser.*

NOTES:

* This feature currently WILL NOT WORK with any type of structure-impacting format, such as H2, H3, H4, H5, Bullet Points, or Blockquotes.

* The text wrap functionality will not display in Preview mode until you refresh your browser.

Examples

Component Tutorial: An Image Withing Text

Once you've placed opened the image component, simply click Left or Right in the Alignment field.

Component Tutorial: Place an Image Withing Text -- Left Alignment

This is an example of a Left-Aligned image within text.

Component Tutorial: Place an Image Withing Text -- Right Left Alignment

This is an example of a Right-Aligned image within text.

NYU Footer