SOLVED

Removing the (required field) asterix from an embedded form

Go to solution
Anonymous
Not applicable

Removing the (required field) asterix from an embedded form

I have embedded a simple Marketo form on our website - it's for newsletter sign-ups so has only one field: email address.

Email is a required field. When I embed it on our site the red asterix (indicating required) is visible which looks odd on an embedded single field form.

Any idea how to remove or not display the asterix (and keep the field as required)? Here's the code:

<script src="//app-lon03.marketo.com/js/forms2/js/forms2.min.js"></script>

<form id="mktoForm_1069"></form>

<script>MktoForms2.loadForm("//app-lon03.marketo.com", "586-GPD-762", 1069);</script>

Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
SanfordWhiteman
Level 10 - Community Moderator

Re: Removing the (required field) asterix from an embedded form

You need

.mktoForm .mktoRequiredField .mktoAsterix {

     display: none;

}

because of CSS selectivity rules.

View solution in original post

4 REPLIES 4
Anonymous
Not applicable

Re: Removing the (required field) asterix from an embedded form

The following CSS will hide it:

.mktoAsterix { display: none; }

Anonymous
Not applicable

Re: Removing the (required field) asterix from an embedded form

Thanks Luke. I tried that (see screen shot below) but it has not removed the asterix.

Screen Shot 2015-07-10 at 07.15.02.png

SanfordWhiteman
Level 10 - Community Moderator

Re: Removing the (required field) asterix from an embedded form

You need

.mktoForm .mktoRequiredField .mktoAsterix {

     display: none;

}

because of CSS selectivity rules.

Anonymous
Not applicable

Re: Removing the (required field) asterix from an embedded form

Thank you Sanford - that worked fine.