How to Remove or Change the "Required Field" Asterisk

Version 2

    By default, required fields on Marketo forms show a red asterisk to indicate that they're required. Here's how you can remove or change it.

     

    Please ensure that you have access to an experienced Web developer.

    Marketo Technical Support is not set up to assist with troubleshooting code.

    Removing the asterisk

    The following CSS will remove the asterisk from your code. You can add this to one landing page by dragging in a Custom HTML element and pasting this in, or you can add it to your landing page template so it affects all your forms.

    <style type="text/css">
      form.lpeRegForm li.mktFormReq label {
        background: none !important;
      }
    </style >

     

    Changing the asterisk

    To change the required symbol, you need an image that you'd like to display instead of the asterisk. It needs to be 16x16px, and ideally you should make the background transparent.

    Create that image, then upload it to Marketo. Get the URL for that image, then add this CSS to your landing pages:

    <style type="text/css">
      form.lpeRegForm li.mktFormReq label {
        background:url('[image URL goes here]') no-repeat scroll right 0 transparent;
      }
    </style>