How to increase the width of the 'textbox' for the Other option in Radio buttons?

  • Profile Image
    Asked on July 06, 2016 at 10:36 PM
    I've begun using the 'Other' option for various radio buttons. Can you show me how to expand the 'textbox' component so it can show more of the sample text I have put in there?
  • Profile Image
    Answered on July 06, 2016 at 10:54 PM

    Please check this screencast video for guidance:


    So you can apply the CSS code below on the .form-radio-other  class so that it will affect all of the same type of textbox input.


    .form-radio-other-input.form-textbox {

        width : 250px !important;


    If you want to do it on indvidual textbox, you need to double click on that specific textbox when using the CSS editor (as I showed initially on the video guide)

    Let us know if you need further help.

  • Profile Image
    Answered on July 08, 2016 at 11:46 PM
    Not sure what I'm doing wrong. I've watched your vid, entered the code, and
    nothing changes - i don't see a width change as you have done in the
  • Profile Image
    Answered on July 09, 2016 at 09:28 AM

    Hello Benflips,

    I believe the change made happened to the specific ID only and not to a certain class. In this case, it only happened to just one element.

    Can you try doing this while on the Form Designer:

    1) Click CSS tab

    2) Click the Other field in your form

    3) click width

    After which, you can enter your preferred width value.