SOLVED

Hide the Asterisk and the Label in a Form

Go to solution
Anonymous
Not applicable

Hide the Asterisk and the Label in a Form

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.
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
Anonymous
Not applicable

Re: Hide the Asterisk and the Label in a Form

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.

View solution in original post

3 REPLIES 3
Anonymous
Not applicable

Re: Hide the Asterisk and the Label in a Form

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;
}


Anonymous
Not applicable

Re: Hide the Asterisk and the Label in a Form

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.
Anonymous
Not applicable

Re: Hide the Asterisk and the Label in a Form

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:
0EM50000000SqQn.jpg

Is it possible to isolate, and style a single label?