Landing Page Styling Overview

Dimensions controls the width for your landing page. The Landing Page composer behaves similar to the Twitter Bootstrap grid system, so a few good starting points are 940px or 1170px for a wider view.

Top Margin

The top margin will define the space around an element outside of the border. This will only apply to the top margin and is completely transparent.

Bottom Margin

The bottom margin will define the space around an element outside of the border. This will only apply to the bottom margin and is completely transparent.

Left Margin

The left margin will define the space around an element outside of the border. This will only apply to the left margin and is completely transparent.

Right Margin

The right margin will define the space around an element outside of the border. This will only apply to the right margin and is completely transparent.

Using the color picker you can set the background color for the inner color of your page. This is determined by the page width that is set under Dimensions.

If you set the Location of the background to Outside, the background of the row will extend to the very edge of the page.

The Background Image functions the same way as the background color does.

You can set a boarder to wrap your page section. Like the background image/color, you can set the boarder location to either the inner section or to wrap your page as a whole. In the example below the board is set to Inside. Enabling the Customize tab will allow you to set the thickness of of your boarder.

Font - Set the default font and font size for your message.

The default font and font size will apply to all text for which a specific font or font size has not been set. Default font and font size will also apply to any text that is generated by Act-On (e.g personalization information if your landing page is personalized).

Color - Set the default text and link color for your message.

The default text and link color will apply to all text for which a specific text color or link color has not been set. Default text and link color will also apply to any text that is generated by Act-On (e.g personalization information if your landing page is personalized).

Enable Stationery

If you enable stationery you lose the ability to edit javascript/CSS - keep in mind that you are no longer required to use stationery to build or save a landing page. Stationery has been de-emphasized in the new composer for increased flexibility in building landing pages.