-
tycoprintingAsked 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?
Page URL: https://form.jotform.com/62674197430157 -
David JotForm SupportReplied 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:
-
tycoprintingReplied 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 SupportReplied 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. -
tycoprintingReplied 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.
-
David JotForm SupportReplied on September 27, 2016 at 1: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