Skip to main content
Flowforth’s email style system lets you control the visual design of your entire email from one place. Open the Styles panel in the email editor sidebar to access all of the options below.

​
General Styles

​
Card Style

Toggle Card Style on to give your email content area a distinct background color that sits on top of the outer email background. This creates a “card” look — a colored content area floating on a contrasting background.
  • Content Background: The color of the card / content area
  • Email Background: The color behind the card (visible on the sides and top/bottom)
When card style is off, only the content background color is used.

​
Rounded Corners

When card style is enabled, use the Rounded Corners slider to adjust the border radius of the content area (0–20px).

​
Text Defaults

The Text section lets you set default styles for each text element type: Heading 1, Heading 2, Heading 3, and Paragraph. For each element, you can configure:
  • Font — Choose from supported font families
  • Color — Set the default text color
  • Font Size — Adjust the size (in pixels)
  • Bold / Italic / Underline — Toggle formatting
  • Alignment — Left, center, or right
You can also set:
  • Accent Text Color — Used for accent-colored text in your email
  • Link Color — The color applied to all links
Changes to text defaults apply immediately to all text blocks in your email. When you add new text blocks, they will use these defaults automatically.

​
Button Defaults

Set default styles for all button blocks in your email:
  • Color — The button background color (or border color for outline style)
  • Text Color — The button label color
  • Style — Choose between Filled or Outline
  • Padding — Horizontal and vertical padding
  • Font Size — The button text size
  • Border Radius — Rounded corners on buttons
  • Alignment — Left, center, or right

​
Apply to All Buttons

Click Apply to all buttons to reset every button in your email (including buttons inside columns and cards) to the current defaults. This overrides any per-button customizations.

​
Set as Default (from a block)

You can also set defaults from an individual button block. Select a button, customize it how you’d like, then click Set as default. This will:
  1. Save that button’s style as the new default
  2. Update all other buttons that were still using the previous defaults
  3. Leave any buttons you had manually customized differently untouched

​
Reset to Default

When editing an individual button that has been customized away from the defaults, click Reset to default to snap it back to the current default style.

​
Divider Defaults

Control the default appearance of divider blocks:
  • Color — The divider line color
  • Thickness — The line thickness (in pixels)
Apply to all dividers and Set as default / Reset to default work the same way as button defaults.

​
Image Defaults

Set default styles for image blocks:
  • Size — Image width as a percentage (0–100%)
  • Alignment — Left, center, or right
  • Border Radius — Rounded corners on images
  • Border Color — Optional border color
  • Border Width — Optional border thickness
Apply to all images and Set as default / Reset to default work the same way as button defaults.

​
Color Replace

The Color Replace tool lets you swap one color for another across your entire email at once. This is useful when rebranding or adjusting your color palette. It scans all style properties — backgrounds, text colors, button colors, divider colors, image borders, link colors, accent colors, and footer link colors — and replaces every instance of the old color with the new one. To use it:
  1. Click Replace Colors in the Styles panel
  2. Select or enter the color you want to replace
  3. Choose the new color
  4. Click Replace to apply the change everywhere

​
How Defaults Work

  • Per-email: Style defaults are stored with each individual email. Changing defaults on one email does not affect other emails.
  • New blocks inherit defaults: When you add a new block (button, divider, image, or text), it automatically uses the current defaults.
  • Templates carry styles: When you save an email as a template, its style defaults are included. Applying a template’s style will bring over all of its defaults.
  • Backward compatible: Emails created before block defaults were available continue to work exactly as before — they use computed fallbacks based on the email’s general style colors.