Captioned Photos

Captioned photos are photos with a caption below them that can be inserted in the body text.

Add Captioned Photos

To create a captioned photo, you will need to click on the template icon in the editor toolbar. 

the Drupal content editor toolbar with a red rectangle around the templates icon

Choose the "Captioned Photo" option from the templates. Then, click "Select Captioned Photo Options."

screenshot showing how to add a captioned photo

Select the Captioned Photo option again then click the "Insert Template" button and it will automatically insert a new captioned photo.

screenshot of captioned photo option

Highlight all of the existing "Photo Caption" text and type in your new caption text.

To add your photo, click on the placeholder image, then the insert media icon in the WYSIWYG editor. That will bring up the media browser popup box that you see when you add new images and will function exactly the same, except you are replacing the existing placeholder image with a new one. Follow the same steps as adding a new image and the old image will be replaced by a new one.

screenshot showing how to change an image in a captioned photo

Delete Captioned Photos

To remove the entire captioned photo, right-click on the image and select "Edit Captioned Photo." This will bring up the sidebar editor. 

screenshot showing how to edit a captioned photo

From the sidebar, select "Delete All" then "Captioned Photo." Click the "Delete All" button and the entire captioned photo will be deleted.

screenshot showing how to delete a captioned photo