Breadcrumbs

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.

    step01.png

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

    step02.png

  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.

    step03.png

    Next, you can select a font size.

    step03-2.png

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

    step03-3.png

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

    step03-4.png

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

    step04.png

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

    step05.png

    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.

    step05-2.png

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

    Screen Shot 2022-06-03 at 2-52-32 PM.png

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

    Screen Shot 2022-06-03 at 2-55-25 PM.png

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

    Screen Shot 2022-06-03 at 2-58-48 PM.png

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

    Screen Shot 2022-06-03 at 2-58-48 PM 2.png

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

    step06.png

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

    step07.png

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

    step07-2.png

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

    step07-3.png

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.