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 space above a Free Text (HTML)

    Asked by dotcomUNDERGROUND on January 11, 2012 at 07:05 PM

    I want to show some instruction (to double check the email address they provided) when they fill up the email address.

    For that I am using the Free Text (HTML) and using the Conditional Show/Hide.

    But in this way there is a lot of space above the HTML area. Is there any way to place the Free Text right under the form text field?

    http://screen-shot.org/2012-01-12_060514.jpg

    I tried injecting the following css with no luck:

    .cid_11 {margin:0;}
    .id_11 {margin:0;}
    .text_11 {margin:0;}

    Page URL:
    https://secure.jotform.com/form/20101920195

  • Profile Image
    JotForm Support

    Answered by Mike_T on January 11, 2012 at 07:40 PM

    Thank you for contacting us.

    First of all, I would suggest removing paragraph tags from your Free Text (HTML) tool:

    Additionally, you can inject the following css code:

    #id_4 {padding-bottom: 0px;}

    #id_11 {padding-top: 0px;}

    Please give it a try, and let us know if you need any further assistance.

  • Profile Image

    Answered by dotcomUNDERGROUND on January 11, 2012 at 07:51 PM

    Hi,

    Thaks for the instructions. It certainly looks better now. But it would be better if we could move it even closer to the field.

     

    I tried to get rid of the <p> tag, but every time it comes back autometically.

  • Profile Image
    JotForm Support

    Answered by Mike_T on January 11, 2012 at 07:57 PM

    Please try to remove the tag from simple editor on a Properties bar, instead of full HTML Source Editor.

    Provided custom css code should move the element even closer.

    Thank you for cooperation.

  • Profile Image

    Answered by dotcomUNDERGROUND on January 11, 2012 at 08:10 PM

    Thanks!

    The properties bar trick totally did the job. It's now looking perfectly as we wanted to.