Style manager

Click on the central button in the right panel to open style manager for the selected element.

Each element has its own settings. Basic attributes are available for all elements. They are stored in the "style" attribute of HTML layout, so you can easily configure your template for perfect display in all mail clients.

Classes and state

You can set class for element or configure state for different effect during click or moving cursor

General

You can set element position in the template:

• Float — element align by left or right side
• Display — inline, block, inline-block или flex — element display mode
• Position, Top, Left, Bottom — element position and spacing

Dimension

In this section, you can set element display parameters:

• Width, Height
• Max width, Max height
• Margin
• Padding

Typography

Text elements display parameters are situated in Typography section:

• Text align
• Font family
• Font size
• Font weight
• Letter spacing
• Color (RGB or HEX)
• Line height
• Text shadow

Decorations

You can set element border, background and shadows in this section:

• Border radius
• Background color
• Border radius
• Border

Box shadow — adds shadow for the element. You can configure shadow type, position, blur, spread, color

Background image — adds image as element background. You can upload your image or select it from the gallery, set image size, position and repeat:

Extra

In this section, you can configure element animation during state changes. The following parameters are available:

• Transition
• Perspective
• Transform rotate, Transform scale