Archived topic
Text flowing around image in Gutenberg
5 replies · Started by Robert on July 11, 2019
I have another question about text and image in Gutenberg.
In the classic editor it is easy to add media where you want it in a page and have text flow around the image. I don't see how to do that in Gutenberg. The Image and Text block does not appear to offer that functionality. And with the Classic Editor block I don't see how to add media where I want it.
Can you help?
Hi there,
in the Text Block - the toolbar that appears above it when you have it selected there should be a small drop down arrow - click on that and select Inline Image.
I found the small drop down arrow in the Media and Text block and in the Pargaraph block, but not in the Classic block. Here are three attempts to do what I want and none of them worked:
http://mofsa.org/test2/board/
By contrast, on another test website with the Classic Editor plugin, text flowing around image works just fine:
http://www.mofsa.org/test/board2/
In the classic editor there are resizing handles around the image, but in Gutenberg there is only a control to numerically set the width of the image.
So my question about how to get text flowing around an image in Gutenberg is unanswered.
Sorry my bad wrong instructions. See here where one of the Devs shows you how:
https://github.com/WordPress/gutenberg/issues/8434#issuecomment-410289123
OK, after watching it about 10 times and trying it about 5 times I got it to work. This style of documentation does not work well for me. So that I will remember in the future, these are the steps.
1. Add a new block BEFORE the paragraph where you want the inline image.
2. Chose the Image block
3. Grab resizing handle to reduce the size of image to what is desired (bear in mind that the editor is not WYSWYG, so you may not get the desired size right away).
4. Choose to align left or right as desired.
So my test did work: http://mofsa.org/test2/board/
Glad to hear that
