SOLVED

Re: Making check boxes "required"

Go to solution
Anonymous
Not applicable

Re: Making check boxes "required"

Thanks - I updated the code and message but unfortunately still doesn't work as expected. Would you happen to have any other suggestions on how I can get this to work? http://na-sj19.marketo.com/lp/049-ESW-305/WF-Ad-Center-Contact.html  

SanfordWhiteman
Level 10 - Community Moderator

Re: Making check boxes "required"

Anonymous
Not applicable

Re: Making check boxes "required"

Hi Sanford -

This works perfectly. I can't thank you enough for all your help. I truly appreciate it!

Thanks again

-Trisha

Anonymous
Not applicable

Re: Making check boxes "required"

Hi Sanford -

I'm hoping you can help me with one last issue. Do you know what CSS I can add to the form to shorten the space between my checkbox rows in my field set? Any help would be appreciated. Thanks

pastedImage_0.png

SanfordWhiteman
Level 10 - Community Moderator

Re: Making check boxes "required"

FIELDSET .mktoFieldDescriptor.mktoFormCol {

    margin-bottom: 0 !important;

}

Anonymous
Not applicable

Re: Making check boxes "required"

Fantastic thank you! One last question with regards to my form. I noticed that you can't stylize the fieldset label within the form. Is there a workaround to get the fieldset label "* Select your primary specialty of interest:" to have the same style as the other required labels where the asterisk is red and the copy is bold?

pastedImage_0.png

SanfordWhiteman
Level 10 - Community Moderator

Re: Making check boxes "required"

<legend>

<div class="mktoAsterix" style="display:block;float:left;padding-right:5px;">*</div>

Select your primary specialty of interest:

</legend>

Anonymous
Not applicable

Re: Making check boxes "required"

Unfortunately that didn't work. I was able to make the font bold with below but not sure how to add in the red asterisk. Any other suggestions?

legend {

    font-weight: bold;

}

SanfordWhiteman
Level 10 - Community Moderator

Re: Making check boxes "required"

If you make the <legend> element look like the above, it works fine (that was tested code). 

pastedImage_0.png

Otherwise you could probably use CSS :before content to create the red asterisk. Your web developer can help you.

Anonymous
Not applicable

Re: Making check boxes "required"

OK got it now. Thanks again for all your help. I really appreciate it.

pastedImage_0.png