-
EloineChapAsked on August 31, 2017 at 12:49 PM
I am working on an order form and I can't figure out how to get the headings closer to the items. They look like separate elements. I have tried both a text field and header field but there is still the uncomfortable about of padding under the heading. Not sure how to target it?
-
BJoannaReplied on August 31, 2017 at 1:54 PM
Add this CSS code to your form:
#id_53 {
padding-bottom : 0px!important;
margin-bottom : 0px!important;
}
div#text_53 {
padding-bottom: 0px!important;
}
p {
padding-bottom: 0px!important;
margin-bottom: 0px!important;
}
How to Inject Custom CSS Codes
After that your form will look like this.
Here is my demo form: https://form.jotformpro.com/72425304818960
Feel free to test it.
You can also check this guides:
How Can I Change Spacing Between Questions?
How to Reduce Vertical Spacing Between Fields
Hope this will help.
-
EloineChapReplied on August 31, 2017 at 2:03 PM
Thank you! That worked!