How can i put drop down menus closer together?

  • Profile Image
    Asked on October 16, 2015 at 07:48 PM


    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
    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


  • Profile Image
    Answered on October 16, 2015 at 08:40 PM



    Just paste this CSS code in the Designer :




    #id_136 {

        width : 16% !important;







    This is the result : 



    Here is my clone of your form :


    I hope that helps.



  • Profile Image
    Answered on October 16, 2015 at 08:41 PM

    Thank you very much!