A common layout design technique is to create a banner that is the same number of pixels wide as the newsletter page. Due to design limitations of the Header element, this technique required the use of a Custom HTML Element or use of the Before / After settings and a separately uploaded banner image.
An improvement to the Page Heading element now allows you to format your banner (which has been uploaded via the Title and Headings area) so that it can fit exactly to the page width. This makes the implementation of your design easier to configure and maintain.
To configure a banner that fits the page width, perform the following steps:
- Click the Page Layout button within the Layout Editor and find your page width (in pixels).
- While in the Layout Editor, click the EDIT button on the top left of the Page Heading element.
- Set the Margin Size (under the Border and Colors section) to zero. Then click to Save the element settings and again to save the layout.
- Using picture editing software, adjust your banner image to have the same pixel width as the page (e.g., 650 pixels).
- Go to Title and Headings and upload your banner image.
- Preview your newsletter to see the result.
If you have any questions or comments about this technique, contact support.
[PRINTER FRIENDLY VERSION]
