How can i put drop down menus closer together?

  • Profile Image
    Thizzle
    Asked 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

  • Profile Image
    KenoButler
    Answered 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
    KevinGarcia
    Answered 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
    Thizzle
    Answered on October 16, 2015 at 08:41 PM

    Thank you very much!