How to Remove or Change the Required Field Asterisk | Community
Skip to main content
January 20, 2016

How to Remove or Change the Required Field Asterisk

  • January 20, 2016
  • 3 replies
  • 6986 views

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>


This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

January 20, 2016

I have tried both options and still have the unattractive red asterisk next to all of my form questions. Has anyone had success with this?

February 10, 2017

Under Form Setting, Edit the Custom CSS and add this code:

}

.mktoForm .mktoAsterix {

     color: #ffffff !important;

     }

Change #ffffff to whatever color you need.

Revenue2_Team
May 12, 2017

This worked for me:

div.mktoAsterix {

  visibility: hidden;

}