[Resolved] Text flowing around image in Gutenberg

Home Forums Support [Resolved] Text flowing around image in Gutenberg

Home Forums Support Text flowing around image in Gutenberg

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #954866
    Robert

    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?

    #954878
    David
    Staff
    Customer Support

    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.

    #955383
    Robert

    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.

    #955394
    David
    Staff
    Customer Support

    Sorry my bad wrong instructions. See here where one of the Devs shows you how:

    https://github.com/WordPress/gutenberg/issues/8434#issuecomment-410289123

    #955437
    Robert

    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/

    #955802
    David
    Staff
    Customer Support

    Glad to hear that

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.