Insert a divider in your email

Use a divider to visually separate your email content and style it to match your branding

Dividers help organize and add visual interest to the content in your email in a subtle way. A single divider can be used to separate a small bit of content from the rest, or multiple dividers can be used with other design elements, like images and text, to create repetitive groupings of related content. Our templates have two types of dividers available:

• Horizontal divider
• Vertical divider

Design tip: Looking for a way to separate content without taking up extra space on mobile devices? Try using a spacer to create extra white space instead of using a divider. There are also pre-built Layout blocks with subtle borders around the whole block that won't compete with your design.

Horizontal divider

1. Drag and drop a Divider block into your template, using the guidelines to find the right spot. Dividers can be used to create columns or can stretch across the entire template.
   
   
    
2. Click anywhere on the divider to open the editing toolbar:

• Click the arrows to change the:
  • Thickness - The larger the number, the thicker the divider line.
    
    
     
  • Length - The larger the number, the longer the divider line.
    
    
     
  • Padding above the divider line - The larger the number, the larger the space above the divider.
    
    
     
  • Padding below the divider line - The larger the number, the larger the space below the divider.
    
    
     
• Select a color for your divider. If you want to use the same color for all the dividers in your email, change the "Dividers" color on the Design tab instead.
  
  
   
• Choose a solid, dashed, or dotted style for your divider.
  
  
   
• Use the alignment drop-down to move your divider to the left, right, or center of your email. This is more noticeable when the divider length is less than the width of your template.
  
  
   
• Click the horizontal padding button to add or remove the padding on the left and right of the divider line. Removing the padding will allow your divider to extend to the edge of the template if you have the length set to 100.
  
  
   

Some templates have dividers with extra embellishments. The color can be changed through the Dividers option on the Design tab, but additional styles can't be applied to these types of dividers. If needed, you can always replace them with a standard divider.

Design tip: Insert a small thumbnail image in the center of a Three Column block and add dividers on both sides to create extra visual appeal.

Vertical divider

Vertical dividers can be added into your template using a pre-built Layout block. The color of the vertical divider is determined by the Dividers color on the Design tab.

1. From the Layouts section of the Build tab, drag the Two Column Divided block into your email. Use the guidelines to find the right spot.
   
   
    
2. Place your cursor over the block and use the drag handle to change the width of the columns.
   
   
    

Questions?