How can i put drop down menus closer together?

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

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

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

Thank you very much!