Register

What is the Row Color and how can you use it to design your landing page

When editing your landing page layout, each container comes with its own fully customizable group of row settings. One of the most useful options contained in the settings is Row Color. 

To edit the Row color:

  1. In the editing area, hover your mouse over a container to display the Actions menu.
    Note: Make sure that you choose a container that has any type of item in it. This way, you can clearly see how changing the Row Color option actually affects the look of your newsletter design.
  2. Click Settings to display the Row settings in the editor's right pane.
  3. In Row Color, select the color from the color palette. You can select the color from the following parts of the palette:
    • The color gradient map - select the gradient of the color you want to use.
    • The color bar with all the colors available - select the color you want to use from the bar.
    • The transparency bar - set the slider to the far left to make the colored area fully transparent. Setting the slider on the far right removes any transparency setting.
    • 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 - select available preset color options for you to choose a color quickly.

Note: You might want to momentarily increase the Row Padding and/or the Slot Spacing option so that the row color becomes more visible. This way distance is created between the different components inside the row and the color of the row stands out.