Move "Other" to same line

  • zubeida
    Asked on August 4, 2015 at 12:16 PM

    2)Is there a way to move the selection of 'others' (as seen in q5) to be in the same line as the other options (Malay, Chinese, Indian) as in the actual form, there is still some space in it. However, I also can't seem to adjust it too.

     

  • zubeida
    Replied on August 4, 2015 at 7:38 PM

    Thank you Shadae! I also need some help with this part (section J, Question 7). i tried using the codes you gave me and altered it a little by changing the id, however, it didn't seem to work here. the codes I used are as below, please let me know where did I go wrong with this.

    Thanks!

    #input_113 {

     

        margin-left : 30px !important;

     

        margin-top : -50px !important;

     

    }

     

    #other_113 {

     

        margin-bottom : -24px !important;

     

    }

     

    #cid_113 span.form-radio-item:nth-child(5) {

     

        margin-top : -35px;

     

        margin-left : 450px !important;

     

    }

    Update: I figured I have to change form-radio-item to form-checkbox-item, however, the option others is now overlapping with the option "not applicable". How can I do it in a way where it doesn't overlap with the other options? Thanks!

     Move Other to same line Image 1 Screenshot 20

  • Elton Support Team Lead
    Replied on August 4, 2015 at 11:34 PM

    Use this to correct that specific checkbox other input.

    input#input_113 {

        width: 100px;

    }

    #id_113 .form-checkbox-item {

        width: 130px;

            clear: none !Important;

    }

    .form-checkbox-item:not(#foo) .form-checkbox-other {

        margin-top: 0;

    }

    input#other_113{

        bottom: 4px;

        height: 17px;

        width: 16px;

    }

    Result:

    Move Other to same line Image 1 Screenshot 20

    Hope this helps!

  • zubeida
    Replied on August 5, 2015 at 12:25 AM

    Thanks, it works!