Vertical dividers are currently in Alpha testing. Please reach out to tiffany@knak.com if you would like to participate.
Overview
The Divider element lets you insert horizontal or vertical lines into your emails. These lines help organize and improve visual clarity between sections.
You can fully customize the style, color, size, and alignment of each divider.
How to Add a Divider
Drag the Divider element into your email layout.
Choose Horizontal or Vertical from the orientation layout options.
Use the right-side panel to adjust style, size, and alignment settings.
Preview on both desktop and mobile views.
💡 Pro Tip: Use vertical dividers in multi-column layouts to clearly separate content sections. Combine with padding and alignment settings for pixel-perfect results.
Divider Options
Style Options
Line Style: Choose solid, dotted, or dashed lines.
Color: Use the color picker or enter a HEX code.
Size & Spacing
Thickness: Set width (horizontal) or height (vertical) of the line.
Height: Define the total vertical space of the divider.
Padding: Add spacing above or below the divider.
Alignment
Align dividers left, center, or right.
Set separate alignment and height for mobile and desktop.
Responsive Design Controls
Divider height, alignment, and padding can be customized for mobile and desktop views. This ensures a clean, responsive layout across all devices.
You can also choose to hide a divider on either desktop or mobile using visibility settings in the responsive options setting.
Need more help? Contact support via live chat using the chat bubble in the bottom right corner or email support@knak.com.