How do I adjust the placement / alignment of my images?

When inserting one or multiple images in a message, there may be certain ways that you want to align it. You can have text wrap around an image, have text below a left or right aligned image, and you can even have multiple images placed horizontally.

Having text wrap around your image

  1. First, insert your image into your message.

    Insert an image into your message
  2. After your image is inserted, drag a paragraph block below your image.

    Drag a paragraph element below the image
  3. Click on your image and, from the "Image" menu on the right, you can select to "Left" or "Right" align your image.

    Image alignment options

    When this is done, it will cause the text to wrap around the image.

    The text will wrap around the image

Having text below a left/right aligned image

If you do not want the text below your image to automatically wrap around the left/right aligned image above it, then you can follow the steps below.

  1. First, insert the image into your message. When doing this method, you want to make sure the image is at the bottom of the section you are working in. In this example, the image is at the bottom of some text that has already been inserted. The goal is to left align the image and insert additional text below it.

    Insert the image below any text
  2. After your image is inserted, use the "Row" element to add a new row directly below the image.

    Add a new row

    Once you drop the row in the desired location, you will be able to add additional elements to it.

    Row element that can be customized with other elements
  3. Insert a paragraph element to the new row to add additional text.

    Insert a paragraph element
  4. Now you can click on your image and choose to "Left" or "Right" align your image from the options on the right-hand side of the editor. You can also choose to wrap text to the "Left" or "Right" as well. 

    Image alignment options

    Once your image is aligned, the text will not wrap around it because it is in the section below the image.

    The text will remain below the image

Another great reason for wanting to use this method of inserting an image is if you have a bunch of text typed out and you want to insert an image in between the text. What you can do is separate your text into two separate paragraph blocks like above (as opposed to having it all in one paragraph block). Then the image can be inserted in between the paragraphs like above.

Inserting multiple images next to each other

There may be times that you will want to insert multiple images next to each other. In the steps below, we will explain how you can insert multiple images next to each within the content of a message. The end result will be a block of some text, multiple images lined up horizontally below the text, and then some more text below those images.

  1. Unlike the other instructions in this article, you will first want to start by inserting a row in your message. Click and drag the "Row" element to the desired location in the body of your message.

    Add a Row element to your message

    You will want to repeat this one more time. This way, you will have added two rows and your message will look like this:

    Add another row
  2. Now, click on the first row that you inserted. From the "Row" options that appear on the right-hand side of the message editor, you can add a column by clicking "Add Col Left" or "Add Col Right"

    Click on the first row and add columns using the Add Col Left or Add Col Right buttons

    Repeat this for the number of images that you want to insert next to each other. Each image will go into it's own column. In this example, we are inserting four columns so that we can add four images.

    Add as many columns as you need

    When you insert columns, they will be the same size by default. If you would like to manually adjust the size of two adjacent columns, just click on one of them and drag it from left to right.

    Adjust the size of a column by dragging it from left to right
  3. Now you can add image blocks into each of the columns. If you want all of your images aligned to the left, then you will just want to click on each image and select "Left" alignment from the options on the right-hand side of the message editor. 

    Add column options
  4. Now that the images are all inserted and aligned, you can add another paragraph element to the section below the images to continue working on your messages.

    Add another paragraph element to continue working

What if I have issues designing my messages?

Custom Template Design information

AWeber offers hundreds of templates you’re welcome to use! If you would ever find yourself wanting to modify an existing template or would like a custom template built for you to reflect your branding, our Template Team would be happy to modify existing templates or design a custom template for you!

Have more questions? Submit a request
Powered by Zendesk