Knowledge Base/Solutions for Soapbox 2/Using the Content Editor

Adding a Caption to an image

PICnet Project Managers
posted this on May 23, 2010 03:41 pm

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:

  1. Find an article in your Article Manager that has an image that could use a caption.
  2. 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.
  3. Select the image.
  4. Click on the "Insert/Edit Caption" button. Note that placement of this image in your editor may vary.
  5. Every caption has two pieces that you can edit:
    1. the TEXT for the caption and
    2. the CONTAINER that holds the caption around the image.
  6. Add your caption text in the "Text" field under the "Text" tab.
    Add Caption Text
  7. 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.
  8. 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.
    Choose Caption style
  9. Click "Insert/Update" to apply your changes.
  10. Preview your caption in your editor and then hit "Apply" to preview your image in the front-end of your site.
  11. 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.