---
schema_version: "1"
id: 27f2d10ce5f5cc48c092eb10c520f15f0900cb65c468ebbc11176a95ec63a821
title: Using Form Styles with Enhanced Landing Pages
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/mktg/264-0-0/pardot_lps_style_forms_using.md
canonical_url: https://help.salesforce.com/s/articleView?id=mktg.pardot_lps_style_forms_using.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 90d9d59cd455a06a46bda46b8b5c273d6d4f531f7582a17fad319dab93b51929
description: You can customize styles on the form component in enhanced landing pages. Make sure that you’re familiar with the relationship between Account Engagement form records and enhanced landing pages before you get started.
products:
  - Marketing
  - Marketing Cloud Account Engagement
release: "264"
---
# Using Form Styles with Enhanced Landing Pages

You can customize styles on the form component in enhanced landing pages. Make sure that you’re familiar with the relationship between Account Engagement form records and enhanced landing pages before you get started.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <span>All Account Engagement Editions</span></td></tr></tbody></table>

The most important thing to know is that styles applied on the Account Engagement form record are used everywhere that form appears, even if you edit the styles in the enhanced landing page builder. There are a few ways to apply styles to a form.

- Use the form styles on the Look and Feel section.
- Apply custom code in the Above Form section.
- Use the Style tab on a form component in the enhanced landing page builder.

To allow users to edit a form’s styles in the enhanced landing page builder, verify that the form record’s Styles tab shows Default for every item (1). Click **Clear** to revert to the default font color (2).

![Font style fields appear with Default selected.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-mktg-pardot-264-0-0-production-enus/5fef4d4f-9a34-45c6-8cd3-e3200b9eeba8/pardot/images/pardot_form_style_default.png)

To retain original styles on branded forms on enhanced landing pages, protect the form against certain style changes by modifying your custom styles on the Account Engagement form record.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-mktg-pardot-264-0-0-production-enus/5fef4d4f-9a34-45c6-8cd3-e3200b9eeba8/images/icon_note.png)

Note If you try to edit styles in a form component and the changes don’t take effect, check for existing styles. Open the form record’s Look and Feel section and the Above Form source code to identify if any styles are overriding your changes.

## Form Style Properties

Many properties are available on the Form component’s Styles tab.

Background

The background color controls the color of the page or container behind your landing page content.

Form Position

Form position controls the form’s margins within its container.

Labels

Label styles control the label’s position and font details for each of your form’s inputs.

Inputs

Input properties apply to text fields, text areas, and dropdowns.

The properties Background Color, Border Color, and Border Width also apply to checkboxes and radio buttons.

Dropdown Icon Color controls the down arrow icon inside the dropdown field.

Focus styles are applied when someone moves to a form field, frequently with a mouse click or the Tab key. Focus and Error styles don’t appear on the canvas but are visible on the published landing page.

Checkboxes and Radio Buttons

These styles apply to checkboxes and radio buttons only.

Alignment options indicate whether boxes or buttons appear horizontally or vertically.

The Selected State Color controls a checkbox or radio button when someone selects it. This color is used on the button’s border and the icon inside it: the checkmark for checkboxes and the circle for radio buttons.

Buttons

Buttons properties apply to the form’s submit button only.

Corner Radius controls how rounded the corners of your button are.

#### See Also

- [Create a Form](https://help.salesforce.com/s/articleView?id=mktg.pardot_create_form.htm&release=264.0.0&type=5 "To create and host a marketing form in Account Engagement, use the Form Builder.")