How to setup Editor settings

Learn how to add your editor settings for Modern Editor (email, pages, custom blocks), and Image Editor.


Topics covered in this article:

Colors

Font stacks

Learn more about WordFly editors

 

 

Learn how to add brand colors settings

 

Set up to 8 brand colors for WordFly editor color pickers under Account > Editor Settings.

 

1. Go to Account.

 

2. Select Editor Settings.

 

3. Under the Colors section, place your cursor in the color picker window.

 

4. Type your hex color value. Optional: Click on the Color name field to give your color a name.

 

5. Click Save when you are done.

 

 

In WordFly editors, the brand color settings will appear when users go to select a color for any elements, such as container backgrounds, buttons, or fonts (just to name a few).

 

Example of Modern Editor background color picker,

 

 

 

Learn how to add font stack settings

 

Set a font stack to show at the top of the Font Family dropdown in all WordFly editors. Learn more about fonts before setting your editor font stack setting.

 

1. Go to Account.

 

2. Select Editor Settings.

3. Under the Font Stack section, select or add your font in the Font Family dropdown.

Select one of the web-safe font stacks available; or, include your custom font stack.

  • Use commas to separate fonts in order of priority. The stack should end with serif or sans-serif.
  • Note: Google and Adobe webfonts might display as Times New Roman in the preview below.

  

4. Click Save when you are done.

 

 

In WordFly editors, the font stack settings will appear at the top of Font Family dropdowns when users go to select a font, such as paragraph, button, or headlines (just to name a few). The Font Family will also load as the Base font in new emails and pages.

 

Example of Modern Editor font family dropdown,

 

 

 

Learn more about WordFly editors

Introduction to Modern Editor (responsive design)

Introduction to Blocks

Media: editing images with Image Editor

Styles: font, headline, padding & more!

 

 

 

Have more questions? Submit a request