How to move the form flush to the Left?

Got my form all set up and the background matched to my website.  But the form is indented.

I would like to move the form flush to the left, so that it lines up with the rest of the page content.

Suggestions?

Thanks in advance!

Thanks so much Eliezer.  It worked on the form, but not work on the website.

Suggestions?

http://dev.haveahootfuncenter.com/contact/

:)

Hello DawnJHAH,

Please inject the following custom css in your form to left align your questions:

.form-all {float: left;}

Do check and get back to us if this works for you.

The following guide should help you inject custom css code:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

Thank you!

I've added the custom CSS, but it seems it's not working.

I've shaded the background of the form, as you can see.  Yet, for whatever reason, the form, not the text is lining up to the left.  I need the text of the form in line with the text above the form.

http://dev.haveahootfuncenter.com/contact/

Thanks!

I've added a Contact Form 7 into the space in the meantime as we are going to launch very soon.

This is how I want the JotForm to look. 

http://dev.haveahootfuncenter.com/contact/

Thanks in advance :)

Hi,

Can you please take a look at the image below if this is what you are trying to achieve?

If yes, inject this custom css in your form.

.form-all {

margin-left: -12px !important;

}

#id_2.form-line {

margin-left: 4px !important;

}

#id_13.form-line {

margin-left: 2px !important;

}

Feel free to contact us again if you need further assistance.

LOL...after 3 hours getting CF7 working!  Too funny.  But I love JF and how it ties into MailChimp.

This looks great!  But I'm looking for a sleeker look.  Cells closer together and somewhat higher (thicker).

Like how I've got it here http://dev.haveahootfuncenter.com/contact/

Thanks!

@DawnJHAH

Glad you've found something else that fits your requirements. Should you need help anything with your Jotform forms, let us know here. We'd be happy to assist.

Regards!

Actually, is there a way to recreate the CF7 I have on the page in JotForm.  I would much prefer to use JF.

http://dev.haveahootfuncenter.com/contact/

Thanks!

Hello DawnJHAH,

Please take a look at the following form and see if this is what you are trying to achieve:   http://form.jotformpro.com/form/40735606525959?

If this seems okay to you we will add the required field validations as well. Feel free to clone this form for a closer look. The following guide should help you in form cloning:  http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

Do get back to us if you need any further changes.

Thank you!

It's almost there.  I prefer the boxes to be higher and closer together.  Are those changes possible.

Wow...I'm impressed!  This is why I LOVE JotForm!

Thanks!

YOU GUYS ROCK!!!!!  It's perfect.  Beautiful!  This is how templates should be!!!

Thanks for your work. 

Hello DawnJHAH,

On behalf of my colleague, you are welcome.

Do get back to us if you have any questions.

Thank you!