Wrap text around an image

If you are looking to maximise space, and give a magazine-like feel to your pages you might want to wrap text around images.

You can easily wrap text to the left, or to the right of an image from the WYSIWYG toolbar.

Align an image to the left of text

  1. Start by typing, or pasting your text in to the WYSIWYG Content Component.

  2. Click mouse cursor in the Content Component box, just to the left of the first letter of text.

  3. Then insert your image using the Insert Image tool WYSIWYG Image Icon
    You'll notice that at this stage it doesn't look right, don't worry!

  4. Click on the image so that four resizing handles appear on the corners of the image.

  5. Then, from the WYSIWYG toolbar click on the "Toogle Justification" button and select "Left Justify".

    justify text left

  6. Your text should then wrap around the image as seen below.

Align an image to the right of text

align image right

The steps for aligning an image to the right of text are exactly the same as steps 1 - 4 above. Although it might not appear correct at first insert your image to the far left of your text, then simply select the image and align it to the right.

If you have any questions or issues, please don't hesitate to get in touch with o.li@nfwi.org.uk