Register

What is the Row Color and how can I use it to design my newsletter ?

The true secret of a successful email campaign lies in taking a genuine interest in all its details. That's why when you design your latest newsletter using our super flexible Moosend Editor, you'll find that you can get down to the nitty gritty and bring your newsletter to absolute perfection with ease.

After you've begun defining your newsletter design's structure using the various Containers, you can also start adding Elements to each available slot, filling the structure with content. Each Container you use comes with its own fully customizable group of Container settings. One of the most useful options contained in the settings is the Row Color.


Let's see what it does:

1. Click on the Settings symbol, appearing on the right side of the Container when you place your mouse over it, to open the Container settings.
Row_Color_Step_1-Click_on_Settings.png

Make sure that your Container has a few Elements and content of your choice (images, text, etc) added to it, so that it's clearly discernible how changing the Row Color affects the look of your newsletter design.


2. Click on the Row Color field, located on the left side of your Editor page.
Click_on_the_Row_Color_option.png

A color palette appears. It consists of the follow parts:

  • The color gradient map
    Use it to pick the gradient of the color you want to use.

  • The color bar with all the colors available
    Use it to pick the color that you want to use.

  • The transparency bar
    Set to the far let makes the colored area fully transparent, whereas on the far right setting any transparency is removed. 

  • The hex code for the current color choice
    Enter the Hex code or the values for each color constituent separately (R is for Red, G is for Green, B is for Blue and A is for Transparency).

  • The preset color options
    Available are some preset color options for you to choose a color quickly.


3. Change the Row Color using the palette options.
Change_the_Row_Color_using_the_Color_Pallete.png


For the Row Color change to be made obvious you might want to momentarily increase the Row Padding and/or the Slot Spacing option so that distance is created between the different components inside the row and the color of the row stands out.

Now that you're familiar with how the color of each row can be changed, make sure you take advantage of it to tweak your design and make it look amazing!