Divider Usage in Emails

Content:

What is a Divider, Examples of Usage
How to Add a Divider Block to an Email?
How to Set the Style, Color, Width, and Height of the Divider?
How to Set the Background Color of the Divider and the Style of the Border?
How to Edit the Padding on the Sides of the Divider and Change the Align of It?
Divider Settings for the Mobile Theme
Divider Settings for the Dark Theme

What is a Divider, Examples of Usage

A divider is a line that separates content within an email. It can be used:

To separate blocks by meaning, indicating to the reader that a new thematic section follows.
To emphasize content (decorative function).Below, you can see two examples of how dividers are used in emails.

Example of divider usage as content divider

Example of divider usage as a decoration

How to Add a Divider Block to an Email?

To add a block with a divider to an email, go to the tools & modules section, and navigate to the blocks section. Click and drag the divider block icon to the desired place in the email.

Drag the divider block and drop where you need

How to Set the Style, Color, Width, and Height of the Divider?

Click on the divider block within the email, and in the right panel, you will see the divider settings. You can set the style of the divider (line, dots, dashed line), change the height of the divider, its width, and alter its color.

How to Set the Background Color of the Divider and the Style of the Border?

Click on the divider block and in the right settings panel, under the background item, you can set the color for the background under the divider.Enable the settings for border styles and modify the thickness, color, style, and rounding of the border.

Adjust background settings for a divider

How to Edit the Padding on the Sides of the Divider and Change the Align of It?

To edit the distance on the sides of the divider, click on the divider block within the email and in the right panel, find the position item. Here, you can change the padding and alignment of the divider.

Change the align and paddings for the divider block

Divider Settings for the Mobile Theme

To find out about mobile settings for divider block, read this article.

Divider Settings for the Dark Theme

To find out more about dark mode settings for divider block, read this article.