Reduce space above radio button label.

  • tycoprinting
    Asked on September 26, 2016 at 1: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?

  • David JotForm Support
    Replied on September 26, 2016 at 2: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

  • tycoprinting
    Replied on September 26, 2016 at 8: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.  

  • Chriistian Jotform Support
    Replied 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.

  • tycoprinting
    Replied 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.

     

    Reduce space above radio button label Screenshot 20

  • David JotForm Support
    Replied on September 27, 2016 at 1:14 PM

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

    Reduce space above radio button label Screenshot 20

    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