How to remove the spacing between the time and date field?

  • rebecca1sp
    Asked on May 31, 2018 at 6:55 PM

    - How can I move the Time field closer to the Date field? Because I removed the label, there is a lot of blank space. I also was unable to find a Widget that did both date and time similar to the Formstack form, so I had to go with the two separate fields.

  • Jed_C
    Replied on May 31, 2018 at 7:17 PM

    Please follow the steps below on how you can remove the spacing between the Time and Date field.

    1. Remove the name first 

    1527808047remove name Screenshot 10

    2. Change the alignment to top

    1527808184change alignment top Screenshot 21

    3. Inject the CSS code below — https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #id_12{

      margin-top: -50px !important;

    }

    Output:

    It should look like this after following the steps above.

    1527808564spacing Screenshot 32

    I hope this helps, but let us know if you have any questions.


  • rebecca1sp
    Replied on June 1, 2018 at 3:43 PM
    Thank you for the information. I decided to use the DateTime Single widget
    instead. It is a bit different than what I was trying to recreate, but I
    think it will work very well. The instructions you provided, however,
    should still help me in the future.
    Rebecca Pitts
    Tech Support
    1SimplePhone
    rebecca@1simplephone.com
    469.320.1111
    3620 N Josey Ln, Ste 110
    Carrollton, TX 75007
    For immediate technical support
    Please e-mail support@1simplephone.com
    ...
  • DonaldHag
    Replied on June 1, 2018 at 3:50 PM

    On behalf of my colleague, you are welcome and we are glad to help. 

    For further assistance do let us know.

    Thank you.