How to Remove or Change the "Required Field" Asterisk

Document created by 13b7438e60961ff9becfd2933cd2f136119f537b Employee on Dec 22, 2014Last modified by 9588451ecc601f1a2620c0a3338f73ddec06dbf4 on Jan 22, 2015
Version 2Show Document
  • View in full screen mode

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>

Attachments

    Outcomes