How to align checkbox columns?

  • Profile Image
    MaryKerr
    Asked on January 24, 2018 at 12:57 PM

    We have created a one multiple choice tool into 2 columns and the words are running into the next column.  i tried to space the form wider and it is not helping.  

  • Profile Image
    Nik_C
    Answered on January 24, 2018 at 01:54 PM

    Please insert the below CSS into your Custom CSS Field:

    #cid_24 > div > span:nth-child(1){

      margin-left: -20px;

      margin-right:8px;

    }

    #cid_24 > div > span:nth-child(3){

      margin-left: -20px;

        margin-right:8px;

    }

    #cid_24 > div > span:nth-child(5){

      margin-left: -20px;

        margin-right:8px;

    }

    #cid_24 > div > span:nth-child(7){

        margin-left: -20px;

        margin-right:8px;

    }

    #cid_24 > div > span:nth-child(9){

        margin-left: -20px;

        margin-right:8px;

    }

    #cid_24 > div > span:nth-child(11){

        margin-left: -20px;

        margin-right:8px;

    }

    #cid_24 > div > span:nth-child(13){

        margin-left: -20px;

        margin-right:8px;

    }

    #cid_24 > div > span:nth-child(15){

        margin-left: -20px;

        margin-right:8px;

    }

    #cid_24 > div > span:nth-child(17){

        margin-left: -20px;

        margin-right:8px;

    }

    #cid_24 > div > span:nth-child(19){

        margin-left: -20px;

        margin-right:8px;

    }

    #cid_24 > div > span:nth-child(21){

        margin-left: -20px;

        margin-right:8px;

    }

    #cid_24 > div > span:nth-child(23){

        margin-left: -20px;

        margin-right:8px;

    }

    #cid_24 > div > span:nth-child(25){

        margin-left: -20px;

        margin-right:8px;

    }

    #cid_24 > div > span:nth-child(27){

        margin-left: -20px;

        margin-right:8px;

    }

    That will make the fields aligned like this:

    1516819970Screen Shot 2018-01-24 at 7.51

    You can check my test form as well: https://www.jotform.com/80234947701961

    Let us know how it worked.

    Thank you!