Reduce space above radio button label.

  • Profile Image
    tycoprinting
    Asked 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?

  • Profile Image
    david
    Answered 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
    tycoprinting
    Answered 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
    Chriistian
    Answered 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
    tycoprinting
    Answered 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
    david
    Answered 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