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

    Remove padding from jotform

    Asked by Michela Fitten  on November 05, 2015 at 09:44 PM

    Hey there, 

     

    I have an account with you at thinkbright.mx. "Forma Contacto Web (TEST)" is a new form we testing and are running an A/B experiment on. There is a bit of white padding that is included in the source code which we have pasted on website. 

    You can see it here: http://www.thinkbright.mx/unete/ its about 1-2 inches between the title "forma de contacto" and the embedded form. Can you provide suggestion on how to remove this? our programmers have tried and failed. 

    Please add the webmaster kim@blablabla.mx to this thread. 

     

    Thanks 

     
    Page URL:
    http://www.thinkbright.mx/unete/

    Screenshot
    JotForm remove padding new form style size source
  • Profile Image
    JotForm Support

    Answered by beril on November 06, 2015 at 01:45 AM

    Hi,

    I see that there is an extra space between Obtén una consulta solar gratuita and Nobre.

    Could you try injecting the following CSS code to your JotForm with the margin reduced further to -40px to see if that helps?
    .form-all {
    padding-top: 0;
    margin-top: -40px;
    }

    Here is how to do that:
    1)  Click on Setup & Embed.


     

    2) Click on Preferences.

     

    3) Click on Form Styles.

     

    4) Copy and paste the code above to Inject Custom CSS.

    You can also use the following CSS code, as it’s pretty short and concise. This also removes the top spacing of the form.

    .jotform-form {padding:0}

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • Profile Image

    Answered by Michela Fitten  on November 06, 2015 at 02:45 PM
    Hey Kim!
    FYI - can you guys try adding the code?
    Thanks!
    ...
  • Profile Image

    Answered by victor on November 06, 2015 at 03:55 PM

    After reviewing you web page. I noticed that you used the source code to embed your form. What ever changes are made in Jotform will not take affect in your form. You would need to manually change this in your page.

    When embedding forms, we recommend using iFrame. This will enable you to modify your form in jotform and it will immediately change on your page as well.