Aligning Images/Figures

Applying a left/right/center class to either a pure image (no figcaption) OR an image with a figcaption.

The steps are the same for both cases.

 

  • Select the image inside the WYSIWYG:

Uploaded image

 

  • Select the image icon in the WYSIWYG banner that says "Insert/edit image"

Uploaded image

 

  • Select "Image Align Right" (or Center or Left). Press "OK" at the bottom

Uploaded image

 

  • Done! It works as expected inside the WYSIWYG and the CMS page
  • If your image has a figcaption, in the WYSIWYG, the figcaption will not be under the image.
    • Once you click "submit content", you will see it working on the CMS page.
    • If you go back into the WYSIWYG, it will look broken.

 

Uploaded image