Hide the Asterisk and the Label in a Form | Community
Skip to main content
A
Anonymous
February 28, 2014
Solved

Hide the Asterisk and the Label in a Form

  • February 28, 2014
  • 3 replies
  • 3023 views
Hi there,

I am looking to hide the Asterisk and the Label in a Form 2.0 completly

I have the label tekst in my form input field, and for proper alignment I'd like to leave the Asterisk out as well.
I am embedding this form on a third party site so my best option would be to use the Custom CSS Style for the form.

Simply setting the Label as blank still loads it and also moves my input field a bit to the right.
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by
To hide the asterisk, you can use this call:

.mktoAsterix {
    display:none !important;
} 

NOTE: Marketo spells it with an "x" - that wasn't a spelling error.

3 replies

A
Anonymous
February 28, 2014
The label is easy to identify and hide on a form with the visibility/display property applied. As for the asterisk... I haven't tried hiding it. 

 label {
    visibility: hidden !important;
}

OR

 label {
    display: none !important;
}


A
Anonymous
Accepted solution
May 29, 2014
To hide the asterisk, you can use this call:

.mktoAsterix {
    display:none !important;
} 

NOTE: Marketo spells it with an "x" - that wasn't a spelling error.
    A
    Anonymous
    February 4, 2015
    Hello All!
    So this all worked perfectly, but my form also has a check box (.mktoCheckboxList), which I have to have the actually display the label for, because otherwise it is just a box with no context:


    Is it possible to isolate, and style a single label?
    Terms & ConditionsAccessibility statement

    Loading footer...