How can I set a different width of multi-column radio buttons for each question?

  • Profile Image
    Asked on November 06, 2017 at 09:34 AM


    I found the below example code that sets the width to all the questions of the form that has multi-column radio buttons:

    .form-radio-item {

        width : 200px !important;


    However, in my form, I would like to set a different width for different questions. For example, I would like to set a smaller width between the radio buttons answers of the question "Current year of study" to have all the answers on one line, but a larger width for the question "Are you currently part of any other internship program?" to avoid the text wrap.

    Thank you so much for your amazing support!

  • Profile Image
    Answered on November 06, 2017 at 11:08 AM

    You could apply the code to only certain fields by getting their field ID number, this guide will help you getting it: 

    Just copy the number, for example, if you find "#input_4" just copy the "4" and replace it on the code below: 

    #id_NUMBER .form-radio-item {

        width : 200px !important;


    That will change the width only for the specified field. 

    I hope this helps.