Removing the (required field) asterix from an embedded form

[Anonymous]

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>

[Anonymous]

The following CSS will hide it:

.mktoAsterix { display: none; }

[Anonymous]

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

[SanfordWhiteman · Accepted solution]

You need

.mktoForm .mktoRequiredField .mktoAsterix {

     display: none;

}

because of CSS selectivity rules.

[Anonymous]

Thank you Sanford - that worked fine.