Inserting a Full-Width Divider Between Content Sections in an Email

In this example, we are trying to insert a divider (horizontal line) that spans the entire width of the email between two stories. As you can see, each story contains a photo on the left and text on the right. If we try to drag a divider content block, it takes on the width of the existing content blocks:

The divider is either as wide as the images on the left ...

rule-line-incorrect

or, the divider is as wide as the text blocks on the right:

rule-line-incorrect

But we want a divider that is as wide as the entireemail. In order to do this, we have to give the divider an area that also spans the entire email by inserting a layout block first.

  1. Navigate to the Layout area of the Design Components, and drag and drop the layout box that spans the width of the email on to the canvas.
    layout-grab-1block


  2. Once the layout box is in place on your layout, you can easily drag a divider (or any other content) to fill that layout block.
    rule line correct


  3. Then you can style the content as you wish.
    rule line after


Keywords:
full width, divider, rule, line, horizontal, span, narrow, wide, drag, drop, editor, design, between, insert 
Doc ID:
110479
Owned by:
Ryan S. in Eloqua Marketing Automation
Created:
2021-04-23
Updated:
2024-12-10
Sites:
DoIT Help Desk, Eloqua Marketing Automation