Back to the Knowledge Base

Knowledge Base Article

Place an Image Beside Text in the Content Editor

The content editor on your public forms has no setting to wrap text around a picture. You can still put a picture and some words side by side: put them in a table with one row and two columns. On a computer they sit next to each other. On a phone they stack, with the picture on top and the words underneath, so nothing gets squeezed.

A public text opt-in form with a photo of runners on the left and a short paragraph about a Spring Fun Run on the right, above the name and mobile number fields

What your supporters see on a computer: the picture and the words side by side, with no lines around them.

Step 1: Insert a one-row, two-column table

  1. Open the form’s design page and go to the section with the content editor, such as Form Content.
  2. Click in the editor where you want the picture and the words to go.
  3. Click Insert Table on the toolbar.

The content editor toolbar with the Insert Table button outlined

The Insert Table button on the content editor toolbar.

  1. In the Insert Table box, point at the first two squares in the top row. The box reads 1 x 2. Click to insert the table.

The Insert Table box with the first two squares of the top row highlighted and outlined, and 1 x 2 shown underneath

Pick 1 x 2: one row, two columns.

Step 2: Put the picture in one column

  1. Click inside the column where you want the picture.
  2. Click Insert Image on the toolbar. The Image Manager opens.
  3. Click the picture you want (or click Upload to add a new one), then click Insert Image.

The Image Manager with one picture selected and outlined, and the Insert Image button outlined in the Selected Image panel

Select the picture, then click Insert Image.

The picture fills the width of its column, so it always fits.

Step 3: Type your words in the other column

Click in the other column and type. In the editor, you’ll see light gray lines around the table so you can tell where each column is.

The content editor showing a two-column table with a photo of runners in the left column and a paragraph in the right column, with thin gray lines around both columns

In the editor, gray lines mark the two columns.

Each new column starts with one blank space. If you want the picture or the first word to sit right at the top, delete that space.

When you’re done, save the form.

What your supporters see

  • No lines. The gray lines only show in the editor. Your public form never shows a border around the table.
  • Side by side on a computer. Each column takes half of the width.
  • Stacked on a phone. On a screen 768 pixels wide or narrower, such as a phone, the columns stack: the left column first, then the right.

The same public form on a phone, with the photo of runners above the paragraph instead of beside it

On a phone, the picture sits above the words.

Want the words on the left and the picture on the right? Type in the left column and put the picture in the right one. Just remember that on a phone, the words will then come first.

Reconnecting…

Whoops!

You've Encountered An Error

Something went wrong on our end. Don't worry, our development team has already been notified, and we'll get it fixed as soon as we can.

Please avoid repeating the same action for now. A quick reload usually gets you going again.