Adding Dividers to Emails

When editing emails, you may want to provide a clear, distinct separation between sections or content. Dividers, which are long and unbroken lines, are a way to display a subtle-yet-obvious separation. When configured, they can enhance or appear as part of an email's overall design. This article will detail how to add dividers to emails. Article Contents Adding Layout Blocks Adding Divider Elements to Layout Blocks Editing Spacer Elements	Available with:
	Marketing Automation	✓
	CRM Ultimate	✓
	CRM PRO	✓
	CRM Free	✓

	Toolbar:


	Users:
	Administrators	✓
	Company Managers	✓
	Marketing Managers	✓
	Sales Managers
	Salespersons
	Jr. Salespersons

Layout blocks are the foundation of emails created in SharpSpring. Elements can be added into layout blocks. The Email Designer allows you to drag, drop, and reorder layout blocks into your email to further customize it. To add layout blocks, do the following: Click Email in SharpSpring's left toolbar. Create or edit an email. Click Content and Layout in the Email Designer toolbar. Click either of the following tabs: • Themed • Simple Drag-and-drop desired layouts into your email. Click Move to reorder any content or layout blocks. Click Save.		Click to enlarge.

		Note: Themed blocks are available only in emails created from designer templates.

You can add divider elements to an email from the Email Designer toolbar.

To add divider elements, do the following:

Click Email in SharpSpring's left toolbar.
Create or edit an email with a layout block.
Click Content and Layout in the Email Designer toolbar.
Click the Elements tab.
Drag-and-drop a Divider element onto a purple line in the desired part of the email.
Click Move to reorder the element, if necessary.
Click Save.

Click to enlarge.

You can edit the appearance of divider elements.

To edit divider elements, do the following:

Click Email in SharpSpring's left toolbar.
Create or edit an email with a layout block containing a Divider element.
Click the added Divider element.
Enter, in pixels, the desired space above the divider in the Top field.
Enter, in pixels, the space below the divider in the Bottom field.
Select one of the following the line styles from the Type drop-down menu:

• Solid
• Dashed
• Dotted
Select one of the following line justifications from the Alignment drop-down menu:

• Left
• Center
• Right
Enter, in pixels, the line's thickness in the Thickness field.
Select the line's color from the Color menu.
Enter the divider's overall width in the Width field.
Click Done.
Click Save.

Click to enlarge.

Note: The divider's width, as a percentage, is in relation to its parent container. In most cases, that will be the table data row that it is in.

Why was this help article not helpful?