Add Captions to Images
Follow the steps below to add a caption to an image floated within the WYSIWYG:
- Click the Insert/edit image button in the WYSIWYG toolbar. Choose the image and enter Image Description (alt/text) per usual.
- Under the Advanced tab, check “Use Figure/Caption” checkbox and click OK.
- You will have a caption field below the image. Highlight and change the image caption as you wish.
- While still in the caption area (make sure your curser is clicked in the caption box), go to Formats > Custom and select one of the horizontal, portrait, or vertical image options.
- Next, go to the source code (look for <> icon on your WYISWYG tool bar), search for “figure” tag and make sure the entire snippet for <figure> tag is arranged in the order below:
<img alt="" class="" height="284" src="/images/female-placeholder-image.jpg" width="243" />
<figcaption>This is a placeholder image</figcaption>
To do this, you will have to cut class="portrait-image-right" from the <img> tag and replace class=”image” in the <figure> tag with it. <figure> tag should only have one class attribute.
Examples of Image Captions
Portrait Caption Class
Vertical Caption Class
Horizontal Caption Class