You can use the Styles menu to implement your corporate identity in the Editor. The Styles menu offers you numerous options to create emails according to your wishes or design specifications.

How to find the Styles Menu:

The following descriptions will help you to understand the individual style settings.

The styles are organized in the following categories:

***Coming Soon***

You can add border lines for sections, containers, grids and slideshow items. In the respective component settings, you can select the border type under "Border" and define the pages to which the border line should be added. There are a total of five border types, which you can design differently in the Styles Menu.

Here you specify the width of the frame line for the selected end device. You determine the color and style of the line in the component settings of the respective element.

The Styles Menu offers numerous options for designing buttons according to your wishes and ideas. There are a total of three button types (Variant) that you can design in the Styles Menu. You can also define three different sizes for the buttons (Large, Medium, Small). Each size can be adapted to all end devices. You can select the type of button and its size in the component settings of the button.

Regardless of the button type, you can define three button sizes (Large, Medium, Small). Here you determine the thickness of the rounding at the corners. Enter 0px for pointed edges. For a rounded button, enter a maximum of 25px.

Specify a suitable font size for each individual button size. Also adjust the font size to the different devices.

Each button can have a different height. Define them here.

In the component settings of the button, an icon can be added next to the text in the button. You can select the distance between the icon and the text here.

Select the horizontal spacing next to the text in the button. The larger the spacing, the longer the button will be.

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 grey under Colors.

A button can have a frame line. Define the color of the frame. If you want a button without a frame, click on the small cross in the input field.

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

Determine a font color for the text in the button.

Select a font for the text in the button.

Specify the width of the font. Choose between bold, normal and thin.

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

Currently has no function because there are no active state buttons.

Currently has no function because there are no active state buttons.

Currently has no function because there are no active state buttons.

As soon as a user moves his cursor over the button, a new background color of the button can appear.

When a user moves his mouse over the button, the frame lines can have another color.

The font color of the text in the button can appear in a new color as soon as the button is hovered over.

Determine the thickness of the rounding at the corners. For a pointed edge, enter 0px. For a rounded button, enter a maximum of 25px.

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

Select the height for your button. Enter a pixel size.

Define a total of nine colors as well as black, white and grey tones. You can enter a color code or select a color using the color picker.

For example, you can create registration, application or booking forms. The form components can be customized.

Here you determine the rounding of the checkbox. Select 0px for a square checkbox and 11px for a round checkbox.

As soon as you click on a checkbox, an icon appears, such as a tick. Upload a suitable icon and then select it here.

The pixel size of the symbol can be entered here. This setting only applies to the checkbox.

Select a background color for the checkbox. This setting relates to the "Checkbox" and "Radio Group" components.

Select a color for the frame line of the checkbox. This setting relates to the "Checkbox" and "Radio Group" components.

You can determine the width of the frame line here. It relates to the "Checkbox" and "Radio Group" components.

A distance can be defined between the checkbox and the corresponding title. This relates to the "Checkbox" and "Radio Group" components.

As soon as the checkbox is clicked, the field can appear in a new background color. This setting relates to the "Checkbox" and "Radio Group" components.

When a user clicks on the checkbox, the frame line can change color. This setting relates to the "Checkbox" and "Radio Group" components.

Define a background color for the menu in which a user can select a date.

You can also specify a color for the frame line of the menu.

Define the width of the bottom frame line. If you do not want a frame line, enter 0px.

Define the width of the left frame line. If you do not want a frame line, enter 0px.

Define the width of the right frame line. If you do not want a frame line, enter 0px.

Define the width of the top frame line. If you do not want a frame line, enter 0px.

Determine the width of the border line for the individual fields. Select 0px if you do not want a frame.

Determine the width of the border line for the individual fields. Select 0px if you do not want a frame.

To visualize a time period, e.g. within a booking form, an additional background color can be selected.

To visualize a time period, e.g. within a booking form, the data can appear in a new color.

As soon as a user has selected a date, the selected field can be marked with a background color.

If a user has selected a date, the selected field can be marked with a frame line.

As soon as a date is clicked, the date can appear in a second font color. Select this here.

A specific field can be given a new background color by hovering.

As soon as a user moves their cursor over a field, the field can be given a frame line.

The font color of the field can also be changed by hovering.

The current date can be highlighted using a different background color.

The current date can also be highlighted with a border line.

You can determine the font color of the field with the current date.

If a user does not fill in all fields, they will be notified. Set the background color of the pop-up menu here.

You can select the font color for the error message text here. The menu appears if not all fields have been filled in.

You can also specify the font size for the error message text here.

Specify the line height for the error message text here. The menu appears if not all fields have been filled in.

**currently no function**

**currently no function**

Add a space on the right-hand side of the check box or radio group.

Determine the distance down to the next shape element.

Set a background color for all input fields.

Add a frame line below the input fields. Define the thickness of the frame line here.

Here you specify the color of the frame line.

Here you specify the color of the frame line.

The input fields can have rounded corners. For rounded corners, select 15px, for example. For pointed edges you can enter 0px.

Add a frame line on the right-hand side of the input field. Determine the thickness in pixel size.

The frame line can have different styles: Solid (solid line)m dotted (dotted line) and dashed (dashed line).

Add a frame line above the input fields. Define the thickness of the frame line here.

Here you can select a font for the entries.

***Coming Soon***

***Coming Soon***

Determine the color of the placeholder. A placeholder is particularly suitable for input fields.

***Coming Soon***

Select a font color for the text that is typed into an input field.

Determine the height of the text field. This setting relates to the "Text Area" component.

***Coming Soon***

***Coming Soon***

***Coming Soon***

***Coming Soon***

***Coming Soon***

***Coming Soon***

***Coming Soon***

***Coming Soon***

***Coming Soon***

***Coming Soon***

***Coming Soon***

***Coming Soon***

For the "Input", "Text Area", "Select" and "Multi Select" components, one of three sizes can be selected in the component settings. The font size, for example, can be defined for each size. You can also make individual adjustments for each device.

Define the height of the input fields for all three sizes and for each end device here. This setting relates to the "Input", "Text Area", "Select" and "Multi Select" components.

You can define the spacing between the individual letters here. This setting relates to the "Input", "Text Area", "Select" and "Multi Select" components.

You can add a space between the left-hand side of the input field and the text section. You can define the spacing individually for the Large, Medium and Small sizes and for all devices.

***Coming Soon***

Determine the font color of the label. This is the title of each input field.

Select a font size for the title above or next to an input field.

The font of the label can be displayed normally or in italics.

Set the font size of the title above or next to an input field here.

You can define the spacing between the individual letters here. This setting refers to the label of a field.

Select a line height for the label. Specify a pixel size for this.

Select a distance between the title and the corresponding input field.

Here you define a font for the text of the label and for the text of the error message.

***Coming Soon***

***Coming Soon***

The checkbox of the radio component can be square or round. For a rectangular field, enter 0px. For a round field, enter 11px.

The checkbox of the radio component can be square or round. For a rectangular field, enter 0px. For a round field, enter 11px.

You can add a frame line to the upload field. Define a color for the frame line here.

The frame line can appear in a specific style. Choose between solid (solid line), dashed (dashed line) and dotted (dotted line).

The upload field contains a short text for the user. Give the text a font color.

Select a font for the text in the upload field here.

Set the width of the text here.

Small spaces can be added between the individual letters.

***Coming Soon***
​

***Coming Soon***

***Coming Soon***

Some styles can be created individually for each end device. For example, for the rounding of the frame lines of the upload field. For a rectangular field, enter 0px. For rounded corners, enter 15px, for example.

The width of the frame line can also be defined separately for each device.

Define a font size for the text in the upload field. The font size can be set individually for all devices.

Determine the line height for the text in the upload field. This can be set separately for each end device.

Define the height of the upload field here. The height can be set differently for each device.

As soon as a document has been uploaded, a new field appears in which the document is located. Specify the background color of the field here.

As soon as a document has been uploaded, it is displayed in a small preview window. The file name is also displayed there. Specify the font color here.

***Coming Soon***

***Coming Soon***

Here you can define the scrolling behavior of the landing page and specify general settings.

You can choose between the scrolling styles scroll and fixed. The selected background image does not move with fixed, for example. You can select the background image here.

***Coming Soon***

***Coming Soon***

***Coming Soon***

***Coming Soon***

Select an image that can cover the background of an entire landing page. For example, if you select in the component settings of a section that it should not have a background color, the image is displayed.

***Coming Soon***

***Coming Soon***

***Coming Soon***
​

***Coming Soon***

The width of the container component can be determined individually for each end device.

***Coming Soon***

You can define six gradient styles. A color gradient is generated from your two selected colors.

***Coming Soon***

***Coming Soon***

***Coming Soon***

As soon as you use a grid element, you can select a grid gap in different sizes in the component settings. This sets a distance between the individual grid items.

You can define three sizes for the grid gap and determine the distances for each end device separately.

You can add bullet lists in the text editor. Here you can choose whether the bullets should be small dots (unordered) or, for example, sorted by number (unordered). You can find further adjustments to the tally lists here.

You can determine the style of the bullet point. Choose between decimal (digits), decimal leading zero (digits with a 0 at the beginning), lower alpha (no letters), lower roman (small Roman numerals), upper alpha (large letters) or upper roman (large Roman numerals).

You can determine the style of the bullet character for the first indent separately. Choose between decimal (digits), decimal leading zero (digits with a 0 at the beginning), lower alpha (no letters), lower roman (small Roman numerals), upper alpha (large letters) or upper roman (large Roman numerals).

You can also determine the style of the bullet character for the second indent separately. Choose between decimal (digits), decimal leading zero (digits with a 0 at the beginning), lower alpha (no letters), lower roman (small Roman numerals), upper alpha (large letters) or upper roman (large Roman numerals).

You can determine the style of the bullet point. Choose between square (small square), circle (small circle) or disc (small filled circle).

You can determine the style of the bullet point for the first indent separately. Choose between square (small square), circle (small circle) or disc (small filled circle).

You can also determine the style of the bullet point for the second indent separately. Choose between square (small square), circle (small circle) or disc (small filled circle).

Regardless of the type of bullet, you can define a separate size for the bullets for each device.

With the "Intent Modal" component, you can integrate any number of pop-ups. Many styling functions are available to you. The default settings apply to every pop-up, regardless of the modal size. You can also select a size (large, medium, small) for each modal in the modal's component settings. In the Styles menu, you can customize the pop-up for all sizes and for all end devices. This ensures that the pop-up is smaller in the mobile version, for example.

As soon as the pop-up appears, a color may appear behind the menu. Select it here. You can also choose transparent so that the contents of the landing page are displayed in the background.

Choose a color for the pop-up.

***Coming Soon***

***Coming Soon***

***Coming Soon***

Set a frame line around the pop-up and select the corresponding color.

The frame line can take on different styles. Choose between solid (solid line), dashed (dashed line) and dotted (dotted line).

Select how thick the bottom frame line should be. If you do not want a frame line, enter 0px.

Select how thick the left frame line should be. If you do not want a frame line, enter 0px.

Select how thick the right frame line should be. If you do not want a frame line, enter 0px.

Select how thick the top frame line should be. If you do not want a frame line, enter 0px.

The cross to close the pop-up can take on its own color.

You can determine the size of the cross. Enter a pixel size here.

You can also define the strength of the cross here.

***Coming Soon***

Here you specify whether the edges of the pop-up should be rounded. For square edges, enter 0px. For rounded edges, enter 10px, for example. You can adjust this setting separately for the modal sizes and for each device.

Determine the height of the pop-up. Make sure that the pop-up is displayed smaller in the mobile view. Note that you can adjust this setting separately for the modal sizes and for each end device.

This is the distance between the left and right side of the pop-up and the content components inside. You can adjust this setting separately for the modal sizes and for each device.

This is the distance between the top and bottom of the pop-up and the content components inside. Note that you can adjust this setting separately for the modal sizes and for each end device.

This is where you define the width of the pop-up. The width can be defined differently for each modal size and for each device.

With the navigation component, you can add navigation to your landing page so that you can link to subpages. The navbar can be styled in a variety of ways.

Select a background color for the navigation component. For transparent navigation, click on the cross in the field.

The frame line can take on different styles. Choose between solid (solid line), dashed (dashed line) and dotted (dotted line).

In addition to the background color, the navigation can take on a second background color, which appears in the content field (in the middle).

Navigation is difficult to display on narrow screens. A burger menu is therefore recommended. Instead of the entire navigation, an icon is displayed so that the navigation can be expanded. Decide from which end device the burger menu should appear.

***Coming Soon***

Define an individual spacing for the left and right side. The greater the spacing, the closer the navigation items move together.

You can add a frame line below the navigation. Select the color of the frame line here.

As soon as the burger menu is open, a cross appears instead of the three dashes to close it. Choose a color for the cross here.

Select a color for the burger icon.

Define a distance between the three lines here.

You can specify the thickness of the three lines here.

You can determine the general width of the burger icon here. The smaller the width, the narrower the icon.

The subpages listed in the drop-down menu can be displayed right-aligned, left-aligned or centered.

The background color is displayed as soon as the drop-down menu opens. Click on the cross if you want a transparent background.

Click on true if you want an arrow to be placed at the top of the drop-down menu. Select false if you do not want an arrow.

Here you define a size for the arrow.

The expanded menu can have rounded corners. For rounded corners, select 15px, for example. For pointed edges, you can enter 0px. This setting can be entered separately for each device.

Set a spacing at the top and bottom of the menu. Large spacings make the menu longer. This setting can be defined separately for each device.

Select a font color for the linked subpages listed in the drop-down menu.

Select a font weight for the linked subpages, which are listed in the drop-down menu.

You can choose a space between the individual letters.

***Coming Soon***

As soon as a website user clicks on a subpage within the dropdown, the background of the item can change color. To prevent the color from changing, simply select the same background color.

***Coming Soon***

As soon as a website user clicks on a subpage within the dropdown, the font color of the item can change. To prevent the color from changing, simply select the same font color.

The background of an item can change when hovering. Select the color here.

***Coming Soon***

The font color of an item can change when hovering. Select the color here.

***Coming Soon***

Specify a font size for the listed subpages. This setting can be defined separately for each device.

This is the distance between the individual drop-down items. This setting can be defined separately for each device.

Set a spacing on the left and right side of the dropdown menu. Spacing makes the menu wider. This setting can be defined separately for each device.

Determine the height of the entire navigation bar. You can determine the height separately for each end device.

Define the size of the logo that is displayed in the navigation.

Determine the font of all navigation items.

***Coming Soon***

The off-canvas menu appears in the mobile view, for example, as soon as you click on the burger icon and the navigation is expanded.

The linked subpages in the offcanvas menu can be listed left-aligned, right-aligned or centered.

***Coming Soon***

Set a background color for the offcanvas menu that appears as soon as you click on the burger icon.

***Coming Soon***

These are the linked subpages within the offcanvas menu. The offcanvas menu appears, for example, in the mobile view as soon as you click on the burger icon and the navigation is expanded. In the component settings of the navigation link component, an item can be displayed standardized (default style) or as a button (CTA style). You can design both item styles in the Styles menu.

Define a font for all linked subpages within the Offcanvas menu.

A navigation item can be displayed as a CTA button in the component settings. Select a background color for the CTA button here.

Choose a font color for the text in the CTA button of the navigation.

Define a font size for the text in the CTA button of the navigation.

Spaces can be set between the characters of the text in the CTA button.

As soon as a website user clicks on the button within the navigation, the background can change color. To prevent the color from changing, simply select the same background color as here.

As soon as a website user clicks on the button within the navigation, the font color can change. To prevent the color from changing, simply select the same font color as here.

Set the changing background color for the CTA button in the offcanvas menu here. The color changes when hovering. To prevent the color from changing, simply select the same background color as here.

Hovering can be used to highlight buttons within the offcanvas menu. For example, this can change the font color. To prevent the color from changing, simply select the same font color as here.

Enter the font size for the offcanvas item in CTA style here. The size can be adjusted separately for each end device.

Determine a height for all CTA buttons in the offcanvas menu. The height can be determined separately for each end device.

Horizontal spacing can be set around the button text. This makes a button longer. The spacing can be determined individually for each device group.

This is the background color for the offcanvas item. If you do not want a background color, click on the cross so that the background becomes transparent.

Select a font color for the offcanvas item.

Set a font weight for the offcanvas item.

There may be small spaces between the individual letters. Define the spacing here. This refers to the offcanvas item.

You can choose between three different styles for the offcanvas item: Default (new font color on hover), Highlight (new font color and horizontal stroke on hover) and Underline (new font color and vertical stroke on hover)

Enter the font size for the offcanvas item that becomes visible as soon as you expand the offcanvas menu.

Determine the height of the individual off-canvas items. This gives you a vertical distance between the individual items.

***Coming Soon***

If you have selected Highlight or Underline under "Variant", a vertical or horizontal line is displayed for the offcanvas item. Determine the thickness of the line here.

***Coming Soon***

***Coming Soon***

As soon as you have clicked on an Ofdfcanvas item, a background color may appear around the item. Select this here. If you do not want this effect, click on the cross to select a transparent background.

As soon as you have selected an offcanvas item, the font color can change. Determine this color here. If you do not want this effect, you can simply select the same text color.

If you have selected Highlight or Underline under "Variant", a vertical or horizontal line is displayed for the off-canvas item. If you click on an item, the color of the line can change. Determine the color of the line here.

By hovering over the offcanvas item, this can be marked with a new background color. Select it here or click on the cross to select a transparent background color.

As soon as you hover over an offcanvas item, it can appear with a new font color. Select it here. If you do not want this effect, simply select the same font color as here.

If you have selected Highlight or Underline under "Variant", a vertical or horizontal line is displayed for the offcanvas item. Specify the color of the line that appears when hovering here.

A separator can be used to separate content with a horizontal line. You can select three different separator styles in the component settings of the separator and design them in the Styles menu.

Determine a separate color for each separator.

In the component settings of the separator, you can place an image in the middle of the line. Select the width or size of the image here.

Define the thickness of the line.

In the component settings of the separator, you can place an image in the middle of the line. Determine the distance between the image and the line here.

In the component settings of the text component, you can select one of three text shadows and design them in the Styles menu. Glow effects for images can also be selected and defined.

***Coming Soon***

***Coming Soon***

Shadows can be added in the component settings of the text component. Here you determine the color of the shadow.

Specify the size of the shadow here. The larger the shadow, the paler the color. You can set the size for each device group.

You can use a slideshow/slider to rotate content in the form of a carousel. Add as many slideshow items as you like and style the slider in the Styles menu.

In the component settings of the slideshow container, you can choose whether the user should use arrows to switch between slides. These arrows can be surrounded by a circle (true) or a rectangle (false).

The field around the arrows can appear in any color. If you do not want a field, click on the cross so that the field becomes transparent.

If you have selected false or the rectangle under "Rounded Field", you can add rounded corners here.

Specify a size for the field around the arrow here. This size has no influence on the size of the arrow.

Determine the color of the arrow here.

Set a size for the arrow.

Select here how thick the arrow should be.

Here you can determine the horizontal positioning of the arrows. The higher the value, the closer the left and right arrows move together.

***Coming Soon***

You can set spacings in numerous component settings. You can define these spacing values here.

You can set five separate spacing values for the section component.

Define a total of nine spacing values here. These spacings can then be selected in the component settings for Grid, Grid Item and Container, among others.

Using the tab mechanism, you can divide multiple content, such as images or text sections, into any number of tabs. A user can then switch between the tabs, similar to browser tabs. You can style the tab buttons extensively here.

Determine the font for the title of a tab item.

Determine the font size for the title of a tab item.

Spacings can be placed between the letters of the title of a tab item.

The title of the tab item can be displayed in two different styles: Default (without effects) or Underline (with a vertical line below the title)

The tab containing the title can have rounded corners. The larger the value, the rounder the corners will be.

Select the thickness of the tab frame.

Define the font size for the title of the tab item here. The size also has an influence on the entire tab button.

Here you determine the vertical height of the tab button.

If you have selected underline under "Button Style", you can define the thickness of the line here.

You can select an individual distance between the tab buttons. You can also define this spacing for each device.

Select a horizontal space around the title of the tab item. This makes a tab item longer.

You can choose between two tab button styles in the component settings. Select a background color for the tab button here.

You can choose between two tab button styles in the component settings. Select a frame color for the tab button here.

You can choose between two tab button styles in the component settings. Select a font color for the tab button here.

You can choose between two tab button styles in the component settings. Select a font color for the tab button here.

Select a frame color for the tab button here. This frame color is displayed when the button is clicked.

Definiere eine Schriftfarbe für den Titel des Tab-Button. Diese Farbe wird dargestellt, wenn der Button angeklickt wurde.

Specify a background color for the tab button here. This background color is displayed when you hover over the button.

Select a frame color for the tab button here. This frame color is displayed when you hover over the button.

Define a font color for the title of the tab button. This color is displayed when you hover over the button.

You can use tables with the text editor. To do this, you first need a section and a text component. You can define the design of your tables in the Styles menu.

Select a background color for the entire area within the table. The background color is also visible as soon as you use a dotted or dashed frame.

Define a color for the frame. The frame is displayed on the left and right sides.

You can select a frame style. There are the options dotted (dotted line), dashed (dashed line) and solid (solid line).

Choose a font for the texts in the table.

In addition to the body frame, you can insert another frame on the left and right side. If you do not need a frame, enter 0px.

In addition to the body frame, you can add another frame above and below the frame. If you do not need a frame, enter 0px.

A row can be displayed as a body in the associated properties. Here you can select a background color for all body lines.

Define a color for the frame. The frame is displayed on the sides of the body cells.

You can select a frame style. There are the options dotted (dotted line), dashed (dashed line) and solid (solid line).

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

You can give the text in the body cells a specific font size.

You can select a distance between the individual characters in the table text here. This relates to the texts of the body cells.

Select a thickness for all vertical frame lines. Enter a pixel value here. This refers to the frame lines of the body cells. You can adjust the setting for each end device.

Select a thickness for all horizontal frame lines. Enter a pixel value here. This refers to the frame lines of the body cells. You can adjust the setting for each device.

Here you can determine the height of the body cells. Enter a pixel value here. You can adjust the setting for each end device.

Within a body cell, you can define a horizontal spacing around the text area. You can adjust the setting for each end device.

Give the text in the individual body cells a suitable font size. You can adjust the setting for each device.

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

You can use a horizontal or vertical row as a 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 the 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. Select a color for the frame lines here.

You can select a frame style. There are the options dotted (dotted line), dashed (dashed line) and solid (solid line).

Determine a font color for the text in the header.

Give the text in the header a font weight.

Select a space between the individual letters in the header text.

Determine the thickness of the left and right frame line of the header. Enter a pixel value here.

Determine the thickness of the top and bottom frame line of the header. Enter a pixel value here.

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

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

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

Here you can 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.

Choose a font color for each individual headline.

Here you can specify a custom font for each individual heading. You must first enter a custom font family in the top bar under "Fonts".

Here you can give the headline 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. Enter a pixel value here.

Define the font size of the individual headlines here. The font size can be created separately for each device group.

Select a line height for the headings. The line height can be created separately for each device group.

Spacing can be set below the heading. If your heading spans several lines, the spacing is also set between the lines. This setting can be created separately for each device.

A linked area can be automatically marked with a bottom line to distinguish it from the rest of the content. Choose between underline (bottom line), overline (top line), line-through (crossed-out line) and none (no lines).

As soon as a text is linked using the text editor, it can appear in a different color. You can set the font color for linked texts here. If you do not 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 do not want to use this setting, type inherited in the field.

When a user hovers over a linked word, a bottom line can be displayed. Choose between underline (bottom line), overline (top line), line-through (crossed-out line) and none (no lines).

Determine a font color for the tally lists. You can add tally lists using the text editor.

Here you can select a custom font for the text in the line list. You must first save the custom font family in the top bar under "Fonts".

Define a font size for the texts of the tally lists.

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

Enter a font size for the text in the line list. You can adjust the size for each device.

Select a line height for the individual bullet points. The setting can be adjusted for each device.

Set a specific spacing below each stitch point.

The paragraph can appear in its own color. You can select it here.

Here you can specify a custom font for the paragraph (the continuous text). You must first save the custom font family in the top bar under "Fonts".

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. Enter a pixel value here.

Assign a font size to the paragraph. The size can be set for each device group.

Select a line height for the paragraph. You can adjust the height for each device.

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

The inline can appear in its own color. You can select it here.

Here you can specify a custom font for the inline text. You must first enter a custom font family in the top bar under "Fonts".

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

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

Assign a font size to the inline text. The font size can be defined separately for each end device.

Select a line height for the inline text. You can adjust the height for each device.

Spacing can be set below the inline text. If the inline text spans several lines, the spacing is also set between the lines. The spacing can be set for each device group.

You can activate the tooltip feature for various elements in the corresponding component settings. These include, for example, the form components, images and buttons. A tooltip is a small pop-up window that appears when you hover over the element.

The pop-up window is displayed with an arrow. Choose a color for the arrow here.

The field containing the tooltip text can have its own background color. You can select this here.

Choose a color for the frame lines around the small pop-up window.

The pop-up window can have rounded corners. For example, enter 12px or 0px for pointed edges.

Define a font color for the text in the tooltip.

Here you can specify a font weight for the text.

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

Determine the size of the arrow here. The size can be determined separately for each device.

Enter the thickness of the frame line here. You can enter the thickness of the frame line for each device. Enter 0px here if you do not want any frame lines.

Here you specify the font size for the tooltip text. You can adjust the size for each device group.

Select a line height for the text in the tooltip. You can determine the height for each device.

Add a horizontal space around the text. This makes the tooltip longer.

Add a vertical space around the text. This makes the tooltip higher.

In addition to images and GIFs, you can also add video files to a landing page. To do this, use the video component and upload a video from your desktop.

***Coming Soon***