What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to Center and Shorten Frame to Center on Page

    Asked by AutomotiveHelpRepair on February 22, 2015 at 10:37 PM

    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

     

    Page URL:
    https://www.autorepairhelp.us

    Screenshot
    and closer not centered left
  • Profile Image

    Answered by Stu  on February 23, 2015 at 12:17 AM

    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 :)

  • Profile Image

    Answered by AutomotiveHelpRepair on February 23, 2015 at 02:43 AM

    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

  • Profile Image

    Answered by AutomotiveHelpRepair on February 23, 2015 at 03:38 AM

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

  • Profile Image

    Answered by AutomotiveHelpRepair on February 23, 2015 at 03:40 AM

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

  • Profile Image
    JotForm Support

    Answered by EltonCris on February 23, 2015 at 08:50 AM

    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!