image alignment issue

Hi stubeef,

I understand your concern with the text wrapping issue you’re experiencing with the image blocks in WordPress. I’ve reviewed your website, https://crawlspacefacts.com/test/, and it appears that the alignment issue is only present in the desktop view. The mobile view seems to be displaying the text and image correctly, with the text wrapping around the image as you intended. Please check out this link: https://share.zight.com/7KuXljP2.

To resolve this issue, I recommend using a row layout instead of individual image blocks. This will give you more control over the alignment of the text and image. Here are the steps on how to do this:

1. Add a new row layout Click on the “Add Block” button and search for “Row.” Drag and drop the Row block into the desired location on your page.
2. Add a text element Click on the “+” icon inside the Row block and select “Text.” Type the text that you want to appear above the image.
3. Add an image element Click on the “+” icon again and select “Image.” Upload or select the image that you want to display.
4. Align the image Click on the image block and select the desired alignment from the toolbar. You can choose “Align left,” “Align center,” or “Align right.”
5. Add another text element (optional) If you want to add more text below the image, repeat step 2.

If this is what you are looking for, please check out this link: https://share.zight.com/p9uYyLkq.

If you’re still having trouble, please provide a screenshot of your page builder showing how you’ve constructed the layout. This will help me provide a more accurate solution.

Sincerely,

Alexander

Thanks for the help. But, unfortunately this didn’t work. First I noticed in your instructions you said to select “text.” Text is not in list of blocks. I tried paragraph and classic and neither seem to work correct.

I’m beginning to think it’s earlier to just modify the html. Thanks anyway.

Its funny how it looks fine in classic editor but, the preview is wack.

surely im not the only person having this issue?

I had the same problem. In the block editor, go to styles, click the kebab menu, and click Additional CSS. Then add something like this:

img.alignright {
display: inline;
float: right;
margin-left: 1.625em;
margin-top: 1.625em;
}

That worked for me. Disclaimer: I’m not a designer and figured this out by brute force. There may be a better way.