Topics Map > General Information > Beginner Resources
Topics Map > Assets > Emails > Design Editor

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

Sometimes, it can be hard to insert content that spans the width of an email if it's between existing content. This document will show you how.

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-1.png

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

rule-line-incorrect-2.png

But we want a divider that is as wide as the entire email. 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.png


  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.png


  3. Then you can style the content as you wish.

    rule-line-after.png



Keywordsfull width divider rule line horizontal span narrow wide drag drop editor design between insert   Doc ID110479
OwnerRyan S.GroupEloqua Marketing Automation
Created2021-04-23 12:39:29Updated2023-12-13 18:00:26
SitesDoIT Help Desk, Eloqua Marketing Automation
CleanURLhttps://kb.wisc.edu/eloqua/full-width
Feedback  0   0