---
schema_version: "1"
id: c0aadbf95338f72d31fae2b3a0008356a4068fb7159a6319e3a8774c5f23ae12
title: Change Submit Button Image in Forms That Use Layout Templates
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/mktg/264-0-0/pardot_forms_submit_button_image_layout_template.md
canonical_url: https://help.salesforce.com/s/articleView?id=mktg.pardot_forms_submit_button_image_layout_template.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 2a4a039e4274302297fe7dc3b320e308d6a117c2c34f81bbc94c7beab4002ea4
description: When you use a custom layout template with forms and landing pages, you can insert an image for the submit button. Add custom CSS to the layout template that’s associated with either the form or the landing page it’s embedded on.
products:
  - Marketing
  - Marketing Cloud Account Engagement
release: "264"
---
# Change Submit Button Image in Forms That Use Layout Templates

When you use a custom layout template with forms and landing pages, you can insert an image for the submit button. Add custom CSS to the layout template that’s associated with either the form or the landing page it’s embedded on.

### Required Editions

<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="d21561e38">User Permissions Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d21561e38 ">To edit a form:</td>

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

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

1. Open the Forms page.
    - In Account Engagement, select **Marketing** | **Forms** | **Forms**.
    - In the Lightning app, select **Content** | **Forms**.
2. Open the form you want to edit, and click **Edit form**.
3. On the Look and Feel tab, remove the text in the Submit Button field.
    
    To display text on top of the image, leave or edit the text in the field.
4. Save your form.
5. Open the layout template that’s associated with the form or landing page, and edit it.
6. On the Layout tab, paste this code inside the `<head>` tag.
    
    ```html
    <style type="text/css">
      form.form p.submit input {
      margin: 0;
      padding: 0;
      text-align: right;
      border: none;
      background: url(https://www.example.com/example.gif) no-repeat left top;
      width:100px;
      height:100px;
      cursor: pointer; }
    </style>
    ```
7. Replace the example URL with the URL of the image that you want to use.
8. Edit width and height attributes to match the image’s size.
9. Save your layout template.