How do you wrap text around an image?

How do you wrap text around an image? I tried aligning to the left, but the text won't wrap around it.

Official response from NationBuilder Support

Update Feb 2018 -

We recently updated the WYSIWYG and this is now available in the advanced image settings.

When you add images to the content editor, you can use the left, center and right justify text icon to align the image with the text. This will cause the text to wrap around the image. See this video from our support team for an example.

You can also edit the advanced tab with code ie., float: left; margin-right: 10px;

For example the image above I used these settings -

Share this post

Showing 17 reactions

How would you tag this suggestion?

Add comment (optional)

Sign in with

Facebook Twitter

Robert Folan-Johnson

Robert Folan-Johnson tagged this with Not helpful

posted 2020-11-29 15:41:10 -0800
Philippe Bossin

Philippe Bossin commented
Perfect, much better :)
posted 2018-10-02 23:55:23 -0700
Philippe Bossin

Philippe Bossin tagged this with Helpful

posted 2018-10-02 23:55:21 -0700
Taylor Pineiro

NationBuilder employee

Taylor Pineiro commented
Hi Philippe! I deleted the older how-to from this page to make it more clear and added an example of how I got the image in the official answer to float left with a margin on bottom and the right by putting into advanced settings – float: left; margin-right: 30px; margin-bottom: 30px;
posted 2018-10-02 15:02:06 -0700
Philippe Bossin

Philippe Bossin commented
Hi Taylor, is it possible that the alignment function in the insert/edit image screen has disappeared?
posted 2018-09-29 08:53:31 -0700
Taylor Pineiro

NationBuilder employee

Taylor Pineiro commented
Hi All – sorry for the confusion – we recently updated the WYSIWYG and this is now available in the advanced image settings.

When you add images to the content editor, you can use the left, center and right justify text icon to align the image with the text. This will cause the text to wrap around the image. See this video from our support team for an example.
https://www.screencast.com/t/n71kwifuC

You can also edit the advanced tab with code ie., float: left; margin-right: 10px;
posted 2018-02-28 13:58:08 -0800
Kim Ross

Kim Ross commented
Agree with Michael below – this is no longer accurate
posted 2018-02-26 12:10:05 -0800
Kim Ross

Kim Ross tagged this with Not helpful

posted 2018-02-26 12:10:04 -0800
Michael Beauregard

Michael Beauregard commented
Could you please make an updated post for the new Nationbuilder UI? It seems it would be something you might type in the “style” section of the advanced images settings. But there seems to be no library of acceptable terms. Please help.
posted 2018-02-16 10:32:24 -0800
Michael Beauregard

Michael Beauregard tagged this with Not helpful

posted 2018-02-16 10:32:23 -0800
Adele Framer

Adele Framer commented
Same as earlier commenter — my Nationbuilder window does not offer these controls. Firefox on Mac OS 10.11.6
posted 2018-02-08 21:22:57 -0800
Adele Framer

Adele Framer tagged this with Not helpful

posted 2018-02-08 21:22:57 -0800
Ian Patrick Hines

Hines Digital
Hines Digital
Certified Architect
Certified Expert

Ian Patrick Hines responded with completed

posted 2016-06-08 17:03:50 -0700
Ian Overton

Ian Overton commented
My browser has a completely different layout and photo pop-up window than the above image. I’m using Chrome v. 49 on Mac OS v. 10.9.5. There’s not an option to align any way on my pop-up, and no longer an option to upload a photo at all. All I can do is type a url (not really a problem if using the Files tab), and then choose the dimensions and border.
posted 2016-04-14 20:01:17 -0700
Ian Overton

Ian Overton tagged this with Not helpful

posted 2016-04-14 20:01:16 -0700
Stephanie Woodruff

Stephanie Woodruff responded

posted 2013-05-27 12:08:37 -0700
Kevin Grandia

Kevin Grandia commented
If your text is sitting directly below your image, highlight the image, go to image property box and choose “align left”. The text should now move up the side of the image. Also, choose a border of around 5px so the text is not butted right up against the image.

If that doesn’t work, got into HTML mode and see if there is some weird extraneous code that is messing up normal functionality.

Hope that helps :)
posted 2013-05-27 09:59:20 -0700