How do I edit the background color of a row in a message?

In this article, we explain how to change the background color of a Row in the Drag & Drop Email Builder.

With AWeber's Drag & Drop Email Builder, you can customize the look and feel of individual sections of your message using Rows. For example, you can add multiple images side by side by adding Columns to a Row in the middle of your message.

Step By Step Instructions

  1. If you haven't done so already, create a message using the Drag & Drop Email Builder, and add content to the message using the different elements available. Then, select the Row in your message that you want to edit.

    Selected Row with outline

  2. After selecting that row, the settings for the row will appear on the right-hand side of the message editor.

    Row Menu on the right side of the editor

  3. Click the color selection box, which is labelled "BG Color."

    Background Color Square

  4. You will have the ability to select a color from the "Color Palette" and "Recently Used" colors. 

    Option to choose from existing color pallete

    You can also use the slider to adjust the color. As you click between different colors, the background of your row will adjust automatically, so you can see how the color you choose will appear in your message.

    Color Slider in background color selection menue

    Note: If the template you are using has padding built in, the background color you choose for your row will only extend to the edge of that padding.

  5. When you have chosen the color you want to use for the background of your row, click outside of the color picker to apply. Your background color will now reflect in the selected row. 

    Example of selected row with new green background color

  6. If there is more than one column in your row, selecting the box labelled "Apply settings to all columns" will duplicate these settings to the other columns in your row. If this box is not selected, you can have different settings for each column.

    Apply Column settings option

Congratulations! You have successfully changed the background color of your Row.

For a complete walkthrough on creating and sending a message from start to finish, see our how-to video and watch the message editor in action:

Need help designing your messages?

Custom Template Design information

AWeber offers hundreds of templates for you to use. If you need modifications to an existing template or a custom template built to reflect your branding, our Template Team is here to help. We're happy to modify existing templates or design a custom template tailored to your needs.

Ready to enhance your email campaigns with stunning designs? Reach out to our Template Team today!

Have more questions? Submit a request