- Home
- Web Support
- Working In Ou
- Editor
- Images
- Captions
Getting Started
Help Videos
Upload Files
Templates
Page Properties
Editor
Navigation
Snippets
Assets
Forms
Embeds
Other Page Types and Templates
OU Editor: Images
Related Support
- OU Snippets: Images
- Identity Guidelines: Quality control for images
- Reference and Standards: Image Size used on UND.edu
Image Captions
Adding a Caption
Video tutorial (Preferred method)
Video tutorial (Alternate method)
-
Click the "Insert/Edit Image" toolbar icon. - In the "General" tab:
- Browse to your image URL or upload a new image.
- Briefly describe the image in the "Image Description" box. This will not be the caption. Title the image. This will be the caption.
- In the "Appearance" tab, use the dropdown menu next to "Class" and select "Image with Caption."
- Click the green "Update" button. Your image now appears on the page but the caption will not.
- Save the page. The preview should contain the caption.
Adding a Link or Lightbox to a Caption
- Click on the image to select/highlight it. The "Insert/Edit Image" toolbar icon should have a blue box around it if you've selected the image properly.
- Click the "Insert/Edit Link" toolbar icon.
- In the "General" tab, browse to the file you'd like to link to. This can be a file or a larger version of the captioned image.
- You may want to have the link open up a Lightbox or overlay a larger view of the image on the page. In the "Advanced" tab, select "Lightbox" from the "Relationship to Target" dropdown options.
- Click the green "Update" button.
Aligning a Captioned Image
- Click on the image to select/highlight it. The "Insert/Edit Image" toolbar icon should have a blue box around it if you've selected the image properly.
- Click the "Insert/Edit Image" toolbar icon.
- In the "Appearance" tab:
- Click on the dropdown menu next to "Class" and select "(value)."You should see a text box instead of a drop down box next to "Class."
- Type "img-caption img-right" for the image to be aligned right or "img-caption img-left" to aligned left.
- Click "Insert."