How to find the Styles' Menu:

You can add borderlines for sections, containers, and grids. In the respective component settings, you can select the border type under “Border” and define to which pages the borderline should be added. There are five border types in total, which you can design differently in the Styles menu.

Select a color for the respective border type.

Choose the style of the frames. You can select between solid (solid line), dashed (dashed line), dotted (dotted line) and double (double line).

Define the thickness of the frame line, preferably in the form of a pixel specification.

The Styles menu offers numerous options to design buttons according to your wishes and ideas. There are a total of six button types that you can design in the Styles menu. When creating a newsletter, you can then choose which type you want to use in the button's component settings.

Select a button color or background color for the respective button type. If you are not satisfied with the colors displayed in the drop-down menu, you can freely select six colors and several shades of gray under Colors.

A button can have a borderline and in this field you define the color of the border. If you want a button without a border, click on the small cross in the input field to delete the selected color.

Specify the thickness of the rounded corners. For pointed edges, specify 0px. For a round button, specify a maximum of 25px.

Here, you define the thickness of the frame line in the form of a pixel specification.

Choose a font for the text in the button.

Set the size of the font for the text in the button.

Specify the width of the font. Choose between bold, normal and thin or use the following numbers: 100 (thin), 200, 300, 400 (normal), 500, 600, 700 (bold), 800, 900

Choose the height for your button. Specify a pixel size.

Define the spacing between the individual letters of the text in the button.

Specify a separate width of the button for the mobile view. Specify a pixel value here.

Set a horizontal spacing around the text in this field.

Define a total of six colors, plus a black, white, and gray tone. You can enter a HEX color code or use the color picker to choose a color or enter the RGB values.

In the Default Settings you can determine the content width of your newsletters.

You can choose an image from the Media Library that will be displayed over the entire background of the email.

If the background image is too small, you can choose whether the image should be displayed multiple times. The image can repeat horizontally (repeat-x) or vertically (repeat-y). You can also specify that the image is displayed only once (no-repeat).

To what extent the background image repeats, you can set separately for the mobile view.

Define a background color that will be displayed throughout the newsletter.

For mobile view, select a background color that will be displayed over the entire email.

Select a font color for the default texts.

Give the default texts their own font.

The Content Width describes the area in which all content is placed. You can define the width of this area. Your changes will be saved in the Section component. We recommend about 600-650px.

In addition to the classic Section component, which refers to the Content Width, there is also the “Section Small Width” component. You can choose the width of the component here.

The Content Width Large refers to the width of the Section Large Width component. When you use this component, all content is placed at this width.

Determine a font size for the default texts.

Determine the line height for the default texts.

With the component “List with Image Bullets” you can display bullet lists, which use an image of your choice as bullet points.

Add a spacing between the individual list items. The spacing is placed below the respective item.

Choose a distance between the bullet point and the text next to it.

You can add a small image as a bullet point. You can adjust the height of the images here.

You can define the width of the image that serves as a bullet point here.

You can dynamically include products in your email campaigns. The product components can be styled here.

Choose a text color for the product description.

For the text of the product description, you can choose a custom font. The Custom Font Family must first be stored in the upper bar under "Fonts".

Choose a font for the product description text. You can use system fonts here.

Define the thickness of the font that is in the product description.

A spacing of the individual letters within the text of the product description can be set here.

Choose the font size of the product description. This change applies to the "Product Box Large" and "Product Box 2 Column" components.

Define a line spacing for the text in the product description. This change applies to the "Product Box Large" and "Product Box 2 Column" components.

Specify a font size for the price. This change applies to the "Product Box Large" and "Product Box 2 Column" components.

Gebe einen Zeilenabstand für den Preis an. Diese Änderung bezieht sich auf die Komponenten "Product Box Large" und "Product Box 2 Column".

As soon as a product gets a sale price, the normal price is crossed out and displayed smaller. You can determine the font size of the full price here. This change applies to the components "Product Box Large" and "Product Box 2 Column". You can find further adjustments to the retail price by entering "Retail" in the search line.

As soon as a product gets a sale price, the normal price is crossed out and displayed smaller. You can determine the line spacing of the full price here. This change applies to the components "Product Box Large" and "Product Box 2 Column".

Below the product box you can set a spacing. This change applies to the components "Product Box Large" and "Product Box 2 Column".

A spacing can be set below the product description. This change applies to the components "Product Box Large" and "Product Box 2 Column".

You can add a space between the product image and the product title and define it here. This change applies to the components "Product Box Large" and "Product Box 2 Column".

Below the price you can set a spacing and define it here. This change applies to the components "Product Box Large" and "Product Box 2 Column".

You can add a space under the product title. This change applies to the components "Product Box Large" and "Product Box 2 Column".

Spacing can be added above the entire product box. This change applies to the components "Product Box Large" and "Product Box 2 Column".

Specify a font size for the title of the product. This change applies to the components "Product Box Large" and "Product Box 2 Column".

Define a line spacing for the title of the product. This change applies to the components "Product Box Large" and "Product Box 2 Column".

Select a font size for the product description. This change applies to the Product Box for 2 Column Grid component.

Specify how many lines the product description should take up. This change applies to the Product Box for 2 Column Grid component.

A line spacing can be specified for the product description. This change applies to the Product Box for 2 Column Grid component.

The height of the product image can be determined here. This change applies to the Product Box for 2 Column Grid component.

Specify a font size for the price. This change applies to the Product Box for 2 Column Grid component.

As soon as a product is listed as a sale item, the full price is displayed crossed out next to the sale price. A new font size can now be defined here. This change applies to the Product Box for 2 Column Grid component.

Choose a line spacing for the full price. This change applies to the Product Box for 2 Column Grid component.

A lower spacing can be set for the entire product box. This change applies to the Product Box for 2 Column Grid component.

A lower spacing can be set below the product description. This change applies to the Product Box for 2 Column Grid component.

A space can be defined between the image and the product title. This change applies to the Product Box for 2 Column Grid component.

You can add a space below the price. This change applies to the Product Box for 2 Column Grid component.

A space can be defined between the product name and the description. This change applies to the Product Box for 2 Column Grid component.

Above the product box a spacing can be defined. This change applies to the Product Box for 2 Column Grid component.

Set a font size for the product name. This change applies to the Product Box for 2 Column Grid component.

Specify how many lines the product name should take up. This change applies to the Product Box for 2 Column Grid component.

Define the row height of the product name. This change applies to the Product Box for 2 Column Grid component.

You can choose a font color for the price. This change applies to all product components.

If you have stored a custom font, you can also use this font for the price. This change applies to all product components.

Select a font for the price. This change applies to all product components.

Set a Font Weight for the price. The higher the value, the stronger/wider the font. This change applies to all product components.

A distance between the individual characters can be determined. This change applies to all product components.

The retail price denotes the full price once an item is listed as a sale. A color can be selected for the full price, such as red. This change applies to all product components.

Select a custom font for the retail or full price. This change applies to all product components. You must first store the custom font family in the top bar under "Fonts".

Select a system font for the retail or full price. This change applies to all product components.

Specify a font weight for the full price that appears when an item is marked as Sale. This change applies to all product components.

Specify a line spacing for the full price that appears when an item is marked as Sale. This change applies to all product components.

The price can be displayed crossed out. You can also add a line above or below the price. This change applies to all product components.

Set the font size for the product description. This change applies to the "Product Box for 3 Column Grid" component.

Select how many lines the product description should take up. This change applies to the "Product Box for 3 Column Grid" component.

Specify a line spacing for the text in the product description. This change applies to the "Product Box for 3 Column Grid" component.

You can set the height or size of the product image here. This change applies to the "Product Box for 3 Column Grid" component.

You specify the font size of the price here. This change applies to the "Product Box for 3 Column Grid" component.

Specify a line spacing for the price. This change applies to the "Product Box for 3 Column Grid" component.

As soon as a product gets a sale price, the normal price is crossed out and displayed smaller. Set the size of the full price here. This change applies to the "Product Box for 3 Column Grid" component.

For the full price you can choose a separate line spacing. This change applies to the "Product Box for 3 Column Grid" component.

Below the product field of the component "Product Box for 3 Column Grid" a spacing can be set.

Set a spacing below the product description. This change applies to the "Product Box for 3 Column Grid" component.

Add a space below the product image. This change applies to the "Product Box for 3 Column Grid" component.

Below the price you can set a spacing. This change applies to the "Product Box for 3 Column Grid" component.

Here you define a space between the title and the product description. This change applies to the "Product Box for 3 Column Grid" component.

Above the product field of the "Product Box for 3 Column Grid" component, a spacing can be set.

You can specify a font size for the product name here. This change applies to the "Product Box for 3 Column Grid" component.

Specify how many rows the product title should require. This change applies to the "Product Box for 3 Column Grid" component.

Here you can specify how large the line spacing of the product name should be. This change applies to the "Product Box for 3 Column Grid" component.

Choose a font color for the product name. This change applies to all product components.

You can specify a custom font for the product name. This change applies to all product components. You must first store the custom font family in the upper bar under "Fonts".

Use a system font for the product name. This change applies to all product components.

Set the font weight of the product title. This change applies to all product components.

Select a space between each letter of the product name. This change applies to all product components.

The section is the basic component of your newsletter. You can set different styles for it.

Set the color of the border line below the section.

Choose a style for the border line below the section. You can choose between solid (solid line), dashed (dashed line), dotted (dotted line) and double (double line).

You can define the size or thickness of the lower border line here. It is best to enter a pixel value here.

Set the color of the border line on the left side of the section.

Choose a style for the border line on the left side of the section. You can choose between solid, dashed, dotted and double.

You can define the size or thickness of the left border line here. Enter a pixel value here.

Set the color of the border line on the left side of the section.

Choose a style for the border line on the right side of the section. You can choose between solid, dashed, dotted and double.

You can define the size or thickness of the right frame line here. Enter a pixel value here.

Set the color of the border line above the section.

Choose a style for the border line above the section. You can choose between solid, dashed, dotted and double.

You can define the size or thickness of the upper border line here. Enter a pixel value here.

In the component settings of the section you can select different spacings on all sides of a section. You can choose between the sizes Extra Large, Large, Medium, Small, Extra Small and define the sizes in the respective settings here.

To separate content, you can use the Separator components. These represent horizonatel line. You can use a total of 3 differently styled separators as well as the components "Separator with Image" and "Separator with Text".

Select a color for each individual separator type. This change applies to all separator components.

Select the style of the line. You can choose between solid, dashed, dotted and double.

Determine the strength of the individual separators.

Here you can define the width in which the content (text or image) should be placed.This setting applies to the components "Separator with Text" and "Separator with Image".

Set a spacing between the lines and the content area on the left and right side.

A separator can be of different lengths.You can define your own percentage values for the sizes Small, Medium and Large. 50% Width means that the separator is displayed over half the content width. This change applies to all separator components.

You can specify that spacing should be displayed above and below a separator. For the sizes Small, Medium and Large you can define your own pixel values.This change applies to all separator components.

You can include a slideshow in your newsletter to display multiple images in the form of a gallery.

Arrows allow users to switch between slides. Here you can upload your own arrows by adding them to your media library.

You can define the size and width of the arrows here. It is best to use pixel values.

Spacers 1-6 define the spacing values that you can select in various component settings. The Vertical Spacers are empty components that can create a space between other components.

Here you can specify up to six different pixel values. You can then select the values in the settings of the individual components. This setting applies to the components Section, Container, Button, Column Container and Column Grid.

This setting refers to the spacer component. You can define and use three different sizes.

With the text editor you can use tables. First you need a section and a text component. You can specify the design of your tables in the Styles menu.

Choose a background color for the whole area of the table. The background color is also visible when you use a dotted or dashed border.

Choose a background color within the table. This color will be displayed in the cells.

Define a color for the frame. The frame will be displayed on all sides and around the cells.

You can choose a frame style. The options are dotted line, dashed line, double line and solid line.

Choose a thickness for all vertical frame lines. Specify a pixel value here.

Choose a thickness for all horizontal frame lines. Specify a pixel value here.

Here you can define the height of the cells. Specify a pixel value here.

Within a cell you can specify a horizontal spacing around the text area.

Specify a font color for the texts in the individual cells.

Give the text in each cell an appropriate font size.

You can give the text in the cells a certain font weight.

As soon as a user clicks into a cell, the corresponding row can appear in a new color. Specify the highlight color here. If you don't want to use this setting, select the same color as the background color.

You can select a space between the individual characters in the text of the table here.

You can add another frame around the table. Define the frame color here.

You can choose a frame style. The options are dotted line, dashed line, double line and solid line.

Next to the body frame you can add another frame on the left and right side. If you don't need a frame, specify 0px.

Besides the body frame, you can add another frame above and below the frame. If you don't need a frame, specify 0px.

Choose a custom font for the text in the cells. The Custom Font Family must first be stored in the upper bar under "Fonts".

Choose a font for the text in the cells. You can choose system fonts here.

You can use a horizontal or vertical row as header. To do this, select the desired cells, click on the table icon in the text editor, go to Row Properties and select "Header off" as Row Type. Define a separate background color for the header in the Styles menu.

You can build another frame around the header area to make it stand out. Choose a color for the frame lines here.

You can choose a frame style. The options are dotted line, dashed line, double line and solid line.

Specify the thickness of the left and right border lines of the header. Specify a pixel value here.

Specify the thickness of the top and bottom border lines of the header. Specify a pixel value here.

Here you can define the height of the cells in the header. Specify a pixel value here.

Within a cell in the header you can specify a horizontal spacing around the text area.

Set a font color for the text in the header.

You can specify a separate font size for the text in the header.

Give the text in the header a font weight.

Choose a space between each letter in the text of the header.

Here you style all text elements. You can design the six headlines H1 to H6 according to your wishes. You can also define the design of bar lists here.

Here you can specify a custom font for each individual heading. The custom font family must first be stored in the upper bar under "Fonts".

Select a system font for the respective headline. If you have selected a custom font, you can still select a font here that will now serve as a fallback font.

Set the font size of the individual headlines here.

Here you can give the headline a font weight. You can enter a numerical value (100 (very thin) to 900 (very thick)) or choose between normal and bold.

A space can be added between the letters. Specify a pixel value here.

Choose a line height for the headlines.

Spacing can be set below the heading. If your heading goes over several lines, the spacing is also set between the lines.

Assign font sizes to the individual headlines. This setting is applied only on the mobile view.

A space can be added between the letters. Specify a pixel value here. This setting is applied only on the mobile view.

Choose a line height for the headings. This setting is applied only on the mobile view.

Spacing can be set below the heading. If your headline goes over several lines, the spacing is also set between the lines. This setting is applied only on the mobile view.

Here you can select a custom font for the text in the stroke list. The Custom Font Family must first be stored in the upper bar under "Fonts".

If you don't use a Custom Family, this is where you specify a font for the text in the stroke list.

Store a font size for the text in the stroke list.

A space can be added between the letters. Specify a pixel value here.

Choose a line height for the individual bullet points.

Set a specific spacing below each stitch point.

Store a font size for the text in the stroke list. This setting is only applied on the mobile view.

A space can be added between the letters. Specify a pixel value here. This setting is only applied on the mobile view.

Choose a line height for the individual bullet points. This setting is only applied on the mobile view.

Set a specific spacing below each stitch point. This setting is only applied on the mobile view.

As soon as a text is linked using the text editor, it can appear in a different color. You set the font color for linked texts here. If you don't want to use this setting, type inherited in the field.

A linked text can appear in a different color as soon as the user hovers over it. Select the hover color here. If you don't want to use this setting, type inherited in the field.

A linked area can be automatically marked with a bottom line to stand out from the rest of the content. Choose between underline, overline, line-through, and none.

When a user hovers over a linked word, a bottom line can be displayed. Choose between underline, overline, line-through, and none.

Here you can specify a custom font for the paragraph (the plain text). The custom font family must first be stored in the upper bar under "Fonts".

Select a system font for the paragraph. If you have selected a custom font, you can still select a font here that will now serve as a fallback font.

Give the paragraph a font size.

Here you can give the paragraph a font weight. You can enter a numerical value here (100 (very thin) to 900 (very thick)) or choose between normal and bold.

A space can be added between the letters. Specify a pixel value here.

Choose a line height for the paragraph.

Spacing can be set below the paragraph. If the paragraph goes over several lines, the spacing is also set between the lines.

Assign a font size to the paragraph. This setting is applied only on the mobile view.

A space can be added between the letters. Specify a pixel value here. This setting is applied only on the mobile view.

Choose a line height for the paragraph. This setting is applied only on the mobile view.

Spacing can be set below the paragraph. If the paragraph goes over several lines, the spacing is also set between the lines. This setting is applied only on the mobile view.

Here you can specify a custom font for the inline text. The custom font family must first be stored in the upper bar under "Fonts".

Select a system font for the inline text. If you have selected a custom font, you can still select a font here that will now serve as a fallback font.

Give the inline text a font size.

Here you can specify a font weight for the inline text. You can enter a numerical value or choose between "normal" and "bold".

A space can be added between the letters. Specify a pixel value here.

Choose a line height for the inline text.

Select a line height for the inline text.spacing can be set below the inline text. If the inline text goes over several lines, the spacing is also set between the lines.

Specify a font size for the inline text. This setting is applied only on the mobile view.

A space can be added between the letters. Specify a pixel value here. This setting is applied only on the mobile view.

Choose a line height for the inline text. This setting is applied only on the mobile view.

Spacing can be set below the inline text. If the paragraph goes over several lines, the spacing is also set between the lines. This setting is applied only on the mobile view.