How to Center and Shorten Frame to Center on Page

How to Center and Shorten Frame to Center on Page?

How to center and bring form closer to Mechanics Are Standing by?

As you can see in image the form is too left and not centered and there is a space to large between them.

Regards,

Lee

to center everything you can add some custom css to your form (preferences > form styles):

.form-all {
text-align: center;
}

you have a 90px padding on the top of the form, causing your big gap... add this to your custom css:

.jotform-form { padding: 0px;}

hope this helps :)

Thank you Stu have all lined up thank you! 

Still have the gap can you check to see if I added CSS correctly - I noticed Super Nova theme had some left overs when I went back to Default Theme. Is there a way to see if the old theme is still present in CSS?

Thank you for Great Help,

Lee

OK went to designer and the css now works but will not work in form css weird

Now background is not transparent - css code is in - what is going on?

Hi Lee,

Here's how to make the form background transparent in the Designer.

To remove the spacing around the form, inject this CSS codes in the Designer - CSS tab.

.jotform-form{padding:0 !important;}

I can't find the form in your site similar to your screenshot so I can't make a test. However, the above solutions should help.

Thanks!