Landing Page Styling Overview

  • Updated

In the Design tab of the Landing Page composer, click  Edit Page Properties in the upper right corner to define the default dimensions and styling of your Landing Page:

Landing Page Styling Overview 04.png

Layout

Dimensions
Control the width of your Landing Page. A good starting point is 940px, or for a wider view 1170px.

Spacing > Customize
Define the space around the specified element outside of the border: Top, Bottom, Left, and Right. These margins are completely transparent.

Landing Page Styling Overview 01.png

Background
Using the color picker, set the background colors for the Outer and Inner areas of your Landing Page (& the Opacity for the inner color). The areas for these are determined by the page width that is set under Dimensions.
The Background Image functions the same way as the background color does. It can be fixed, stretched, or repeated vertically & horizontally

Border
Set a border to wrap your page section. Like the background image/color, you can set the border location to either the inner section or to wrap your page as a whole. In the example below the border is set to Inside. Enabling the Customize tab will allow you to set the thickness of each border, as shown:
Landing Page Styling Overview 02.png

Styling

Font
Set the default font Family and Size for your Landing Page text.

Color
Set the default Text and Link color for your Landing Page text.

The above font and color settings apply to all text for which a specific font or font size has not been set, and also apply to any text that is generated by Act-On, for example, personalization information if your Landing Page is personalized

Landing Page Styling Overview 03.png

About stationery:
If you enable stationery you lose the ability to edit javascript/CSS.
You are no longer required to use stationery to build or save a Landing Page. Stationery has been de-emphasized in the composer for increased flexibility in building Landing Pages.
Landing Pages built using stationery will not be responsive. To reuse Landing Page styles while keeping them responsive on mobile devices, we recommend saving Landing Pages as templates.

Was this article helpful?

Have more questions? Submit a request