Skip to main content
A full-width background lets one horizontal band extend to the edges of the email viewport while its content stays inside the email width. It works well for headers, announcement bands, feature sections, and footers.

​
Apply the background

1

Select the Wrapper

Select the top-level Wrapper for the band you want to extend. A Section or Column selection does not expose the same control.
2

Set the Wrapper fill

Apply the background color to the Wrapper in Figma. This is the color that will extend beyond the content width.
3

Open Properties

Open the plugin’s Properties tab and enable Full Width Background.
4

Preview the email

Open Preview and confirm the background reaches the viewport edges while the text, images, and buttons stay aligned to the email content.

​
Full-width versus outer background

  • The outer background belongs to the whole email and fills the area around every section.
  • A full-width Wrapper background applies to one band only.
  • A normal Wrapper or Section fill stops at the email content width.
See Background Colors for the complete layer model.

​
Common problems

​
The color stops at the email width

Confirm Full Width Background is enabled on the Wrapper, not only that the Wrapper has a fill.

​
The content also stretches edge to edge

The content should remain inside the normal email width. Check that you selected an Email Love Wrapper and did not resize the email frame or its inner Section to the viewport width.

​
The color looks different in dark mode

Set and preview the dark-mode treatment separately. Some email clients still transform colors, so verify readable contrast even when the exact color shifts.

​
The outer edges do not appear in one client

Some webmail and preview surfaces crop the area outside the content width. Test the clients that matter to your audience before making the outer band essential to the message.