change the space

  • Profile Image
    gabizon437
    Asked on August 23, 2011 at 05:36 AM

    Hi

    how can i change the space between the form boxes  (like the pic attach)

     

    Gil Gabizon

    Screenshot
  • Profile Image
    NeilVicente
    Answered on August 23, 2011 at 06:25 AM

    Gil,

    Thank you for asking. Form appearance is usually modified by injecting custom css. For your requirement, try this code:

    .form-line {
    padding: 2px 10px;
    }

    You may increase or decrease the first value (2px) to satisfy your requirements.

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea


     

    Let us know if you need further assistance with regard to this topic. Thank you for using JotForm!


    Neil

     

  • Profile Image
    gabizon437
    Answered on August 23, 2011 at 08:29 AM

    hi again

    the css can only change the space between the send botton  and the last box ,  i want to change the space between  all the boxes (name, e-mail , etc')

    see the form 

    http://www.jotform.com/form/12344240220

     

    Gil

  • Profile Image
    NeilVicente
    Answered on August 23, 2011 at 08:49 AM

    Hi Gil,

    That is because you have hidden the top-aligned labels using this css:

    .form-label-top {
        visibility: hidden;
    }

    The labels still occupy space even if hidden. Replace it with this css instead:

    .form-label-top {
        display:none;
    }

    Hope this helps.
    Neil
  • Profile Image
    gabizon437
    Answered on August 23, 2011 at 09:41 AM

    thank u 

    its very good now

     

    last question please  :)

    how can i change  the design of the  " full name"  box  or  other box  from  a frame  to ellipse

    Gil

     

  • Profile Image
    NeilVicente
    Answered on August 23, 2011 at 10:07 AM

    Gil,

    Is this what you're referring to?

    If yes, then inject this css code:

    input {
    border: 1px dotted gray;
    }

    Let me know if you have other concerns, but if it's not too much to ask, please open a new thread for questions not related to the original topic at hand.

    It's a pleasure to have served you. Thank you for using JotForm!


    Neil