How can I get a one-line form?

  • Profile Image
    eclark
    Asked on May 20, 2011 at 06:02 PM

    I have a signup page, I need the form to be like this, but I want the question field next to my input field to be gone and for the hwhole form to be on one line. I've tried adding custom CSS but I can't seem to get it to work well. I just want to use the one-line source code if possible.

  • Profile Image
    abajan
    Answered on May 20, 2011 at 08:46 PM

    Hi eclark

    Here's what to do:

    1. While on your "My Forms" page, click "New Form"

    2. With the default selected ("Blank form"), click "Continue"

    3. In the "Form Tools" menu, click "Submit Button"

    4. While on the "Properties: Submit Form" tab, click "Submit Text" and change the text to "Sign up for MH News"

    5. Click the "Button Align" tool and select "Left"

    6. Click the "Quick Tools" menu and then click "Email"

    7. Click the "Setup & Embed" tab and then "Preferences"

    8. While in the Preferences window click the "Form Styles" tab

    9. Type the following CSS into the "Inject Custom CSS" section:

    #label_2 {
    display:none;
    }

    10. Click "Close Settings"

    11. Click the email field and then the "Properties" icon and then click "Shrink"

    12. Shrink the "Sign up for MH News" field too

    That should do the trick. Please let us know if this solution fits your requirements and if we can assist you with anything else related to our forms.

    Thanks.

    ~ Wayne

  • Profile Image
    eclark
    Answered on May 20, 2011 at 09:21 PM

    Oh Wow you went above and beyond thanks very much. That did the trick

  • Profile Image
    abajan
    Answered on May 20, 2011 at 09:24 PM

    You're quite welcome, eclark. :)