How do I update the default template styles of my landing page?

Landing Pages are a great way to help build your list by providing visitors a place to sign up for your newsletter, providing more information about your business and services, or offering a downloadable incentive. There are different Landing Page templates that you can select from when you first create your page with their own default settings. You can adjust the font style, size, and color in your template so that it is uniform across the page and you don't have to manually adjust each element.

In this article, we're going to walk through the steps to update your Landing Page template styles.

Step By Step Instructions

  1. Select the "Design" tab under the "Page" settings on the right-hand side of the Landing Page editor.

    Design tab

  2. Click the "Body Font" drop-down to edit the body of your template.

    Body Font drop-down

  3. Select a font style from the "Font Family" drop-down. This style will be applied to all the elements in the body of your template.

    Select a font family

    Next, you can select a font size.

    Select a font size

    You can also select a color from the "Color" picker.

    Select a font color

    Lastly, you can choose the color of a hyperlink, and the color when someone's mouse hovers over that hyperlink.

    Select Link Color and Hover

  4. Click "Header Font" to edit your header.

    Header Font drop-down

  5. First, select the font style you want to use. "Body Font" will be selected by default so that your body and header match.

    Font styles for your header

    Then, select the font size and color you would like to use. You can have three separate font sizes for the elements in the header.

    Font size and color for header

  6. Next, you can set a default style for Buttons on your page. 

    Button dropdown

    As with the Body and Header Font, you can make selections for the Font Family, Font Size and Color.

    Button font settings

    Next, you can choose to shape the button to square, round or pill shaped. 

    Button Shape

    Then you can choose the Button Color and Button Hover color.

    Button and button hover color

  7. Lastly, you can adjust the background of the template. Click the "Background" drop-down to get started.

    Background drop-down

  8. Click "Browse for file" to select an image from your device.

    Click Browse for file

    Or, you can click "Image Gallery" to select a stock image or an image that you've used previously.

    Select Image Gallery

    You can also use a specific background color. Select a color from the "Color" picker.

    Background color picker

And that's it! You have successfully updated the font styles, buttons and background of your landing page. If you add new elements to your page, the font within those elements will automatically have the styles that you selected.

Have more questions? Submit a request