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

    Reduce space above radio button label.

    Asked by tycoprinting on September 26, 2016 at 01:03 PM

    We have a form at https://form.jotform.com/62674197430157

     

    We deleted the radio button label but there is still space above the radio buttons and below our newly created/seperate label.  How do we reduce that space?

    Page URL:
    https://form.jotform.com/62674197430157

    label radio button label JotForm radio buttons
  • Profile Image
    JotForm Support

    Answered by david on September 26, 2016 at 02:18 PM

    Adding the following code to your form will reduce the space between your radio button fields and the headers being used as their labels:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    #cid_35 {
        margin-top : -34px;
    }

    #cid_29 {
        margin-top : -34px;
    }

    #cid_30 {
        margin-top : -20px;
    }

    Here is how the form would look with the code added:

    https://form.jotform.com/62695298905977

  • Profile Image

    Answered by tycoprinting on September 26, 2016 at 08:24 PM

    Thank you.  Also is it possible to have a label on the drop downs similar to the text boxes where it is a faded text?

     

    i currently have a default value but it's not faded text.  

     

    Thanks.  

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 27, 2016 at 12:00 AM

    Please inject the custom CSS code below to make the dropdown have the same color as the textbox.

    .form-dropdown {

        color : #A9A9A9;

    }

    .form-dropdown option {

        color : #333333;

    }

     

    Here's how it should look after: https://form.jotform.com/62699062346969 

    If you need further assistance, please let us know.
    Regards.

  • Profile Image

    Answered by tycoprinting on September 27, 2016 at 11:55 AM

    Thank you for your help but it doesn't seem to be working (see attached screenshot).

     

    We added your supplied code.  Any other things we can try.

     

    Thank you.

     

  • Profile Image
    JotForm Support

    Answered by david on September 27, 2016 at 01:14 PM

    I checked your form and the dropdown options are currently show as grey:

    If you form is embedded to a webpage, there may be something in the page affecting the forms styling.  Embedding the form using the forms iFrame code will ensure this is not the case.

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code