---
schema_version: "1"
id: 144a23ec5ecb49d05a6a2a2a430159d7e107403385bcc2013ea61949013749a5
title: Add CSS Classes to Fields in Forms
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/mktg/264-0-0/pardot_forms_add_css_classes_to_fields.md
canonical_url: https://help.salesforce.com/s/articleView?id=mktg.pardot_forms_add_css_classes_to_fields.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 615ed1d1eb525d7d902cf2d190a6994971c3519eaae12a222c643e6466d2f349
description: You can add CSS classes to individual fields. Adding a class to a field lets you target that field with CSS.
products:
  - Marketing
  - Marketing Cloud Account Engagement
release: "264"
---
# Add CSS Classes to Fields in Forms

You can add CSS classes to individual fields. Adding a class to a field lets you target that field with CSS.

### 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>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d15047e56">User Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d15047e56 ">To edit fields on a form:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d15047e56 ">
              <span>Account Engagement Administrator or Marketing
                role</span>
            </td>

          </tr>
        </tbody>
      </table>

1. On your form, edit the field you want to target with CSS.
2. Click the **Advanced** tab.
3. Enter the CSS classes. Separate the classes with a space.
4. Save your field.

To target the class in your CSS, include `#pardot-form` before your class.

#### See Also

- [Edit Form Fields](https://help.salesforce.com/s/articleView?id=mktg.pardot_fields_edit_fields_on_a_form.htm&release=264.0.0&type=5 "Tailor prospect fields on individual forms. For example, customize a form’s field labels for a seasonal campaign, or change the values in a dropdown for a specific use.")