Captions can help put images in context on your site, so we are excited to roll this new and improved way of adding annotations to your images.
Step-by-Step Guide:
- Navigate to a content item to which you wish to add an image caption
- Make sure the image is properly laid out in the text before you add a caption. Note that once you add a caption, you cannot drag the image to change it's placement as this will separate the image from the "container" that holds the caption. If that happens, you may need to view the html code to clean things up.
- Select the image.
- Click on the "Insert/Edit Caption" button. Note that placement of this image in your editor may vary.
- Every caption has two pieces that you can edit:
- the TEXT for the caption and
- the CONTAINER that holds the caption around the image.
- Add your caption text in the "Text" field under the "Text" tab.
- You can change the alignment, padding, color, etc of the text area of your image here if desired, but note that your settings will only be applied to this one caption. If you want the same settings for all captions, please open a support ticket so we can help set up a global style for your caption.
- Click on the "Container" tab. These settings control the container box around your image that holds the caption text. Find the styles box and choose one of the Soapbox pre-set styles (jce_caption-left, jce_caption-right, jce_caption) to automatically give your caption the right alignment and padding.
- Click "Insert/Update" to apply your changes.
- Preview your caption in your editor and then hit "Apply" to preview your image in the front-end of your site.
- If everything looks good, congratulations - you're done! If you need to make changes, go back to your editor, select your image and you will notice that the Caption buttons become activated so you can click on the "Insert/Edit Caption" button to make any changes to your settings.
Note: If you need any help or would like to request a different style for captions on your site, please open a support ticket so we can assist you.