How to align radio button and make it as one column.

  • Profile Image
    Asked on August 25, 2013 at 09:27 PM

    Right now, on my form mentioned, the other option cannot be aligned in one line with other options as it should.


    I know I have asked this before, but i cannot seem to find it, I must have asked it under a client username or something, but i did check the username i had before this one was changed/created by admins, yet i cant find the thread there either.


    Please provide me with the CSS that will align the Other option with the rest of the options in radio button for Network.

  • Profile Image
    Answered on August 25, 2013 at 10:16 PM


    I have checked your form, created a clone and to be able to make it all one column, you don't need to inject CSS.

    You just need to make it a 1 column rather than 4 columns (Current setting).

    Is this what you are trying to achieve?



    If so, this is what I have done with the clone I created.

    1. Click the Radio button field

    2. Select Spread Columns.

    3. And set how many columns you want to set on that radio button.


    Here's an instructional video I have created for you.



    Kindly let us know if you have further questions or inquiry and we'll be glad to help.


    Thank you for using JotForm.

  • Profile Image
    Answered on August 25, 2013 at 11:01 PM

    Hello Again,

    If you are pertaining to the "Allow other" to be aligned with the rest of the radio button in a row.

    I have created a CSS code that you need to inject.

    #id_16 {


    }#id_16 .form-radio-item {

    width:100px !important;


    #cid_16 {



    #other_16 {




    }#input_16 {






    Please let us know if you need further assistance.

    Thank you. :)

  • Profile Image
    Answered on August 26, 2013 at 12:58 PM

    2nd try, u got it mam! Thanks