Guides & Tutorials

Setting the Colors in Templates

How to set colors under Customize styles

  1. You can change different elements of the template under “Customize styles”.
  2. Click on the paintbrush icon in the upper right corner of the template.
  3. A new window with different settings for elements will open.

Choosing text color

  1. Under “Customize styles” you can change the colors and styles of all text formats. 
  2. Click on the preferred text format (e.g. “Heading 1”).
  3. Choose the color of the text by clicking on the selected color box in the menu or insert the color code of your desired color in the field.
  4. All texts in this style format will be displayed in the selected color.
Setting the Colors in Templates

Choosing the color of links

  1. You can change the color of every link, including links in the header, footer, plain text, heading etc.
  2. Open “Header”, “Footer” and “Links” under “Customize styles”.
  3. Choose “Link color”.
  4. Click on the box with the preferred color or insert your desired color code in the field.
  5. All of the links in the header, footer and body portion of the email, will be displayed in the selected color.
Choosing the color of links

Changing the color of a single link

 

  1. To change the color of a single link, select the word or phrase connected to the link.
  2. Click on the “Add link” button on the text editing toolbar. 
  3. Click on the “Advanced” tab in the new window and insert “color” followed by the code of the desired color (e.g. color:#008000) in the “Style” field .
  4. Click “OK” to confirm.
  5. To remove the selected color, delete the color code from the above-mentioned field.
Choosing the color of links

Changing the color of layout elements

  1. You can change both the inner and outer background color of layout elements.
  2. Move to the left side of the element until a wrench icon appears. Click on the icon.
  3. You can set both the inner and outer background color in the menu. 
  4. Click on the preferred background color box or insert a desired color code in the field.
  5. To save changes, click “OK” in the upper right corner.
  6. To remove the selected background color, delete the color code from the above-mentioned field and click “OK”.
Changing the color of layout elements

By changing the background color of the blocks, you can change the design of the template. For example, by adding a block between two text blocks and making it the same color as the general background, you can create the effect that the newsletter consists of blocks.

Menu