What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can i put drop down menus closer together?

    Asked by Thizzle on October 16, 2015 at 07:48 PM

    Hi,

    How do i seperate the 3 drop down menus at the bottom of my form with a space of 80 pixels?

    I added a screenshot to show what i mean.

    Thanks in advance

    Page URL:
    https://form.jotformeu.com/52887568992379

    Screenshot
    closer how drop thanks 3 pixels in
  • Profile Image

    Answered by KenoButler on October 16, 2015 at 08:30 PM

    Hello Thizzle, 

     

    You doing the following: 

    Step 1. Select "Setup & Embed" in the form builder

     

     

     

    Step 2. Select "Preferences"

     

    Step 3. Select the "Form Style" tab and look for "Inject Custom CSS" double click in the area to the right and scroll to the bottom of the code

     

     

    Step 4: Paste/Type the highlighted code snippet

     

     

     Step 5. Click close settings and try previewing you form

     

    Here is the actual code snippet:

    /****Layout Fix****/

     

    li#id_135, #id_128, #id_136 {

        width: 100px !important;

    }

     

    #id_135 {

        position: relative;

        margin-left: 25% !important;

    }

     

    I hope this helps

    Regards

  • Profile Image

    Answered by KevinGarcia on October 16, 2015 at 08:40 PM

    Hi,

     

    Just paste this CSS code in the Designer :

     

    #id_135,

    #id_128,

    #id_136 {

        width : 16% !important;

    }

     

    #id_135{

        margin-left:25%;

    }

     

    This is the result : 

     

     

    Here is my clone of your form :

    https://form.jotform.co/52888075110860

     

    I hope that helps.

     

    Regards

  • Profile Image

    Answered by Thizzle on October 16, 2015 at 08:41 PM

    Thank you very much!