What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to change text width on radio buttons and prevent it on being wrapped?

    Asked by dbrady3300 on June 03, 2015 at 01:32 PM
    Additionally, I was wondering if there is a way that I could lengthen the text on my radio button questions with lengthy answers (so that it too would span the width of the page, rather than being cut short and going into a new row of text) -- see page 2.
  • Profile Image
    JotForm Support

    Answered by Charlie on June 03, 2015 at 02:42 PM

    Hi,

    I've cloned your form for testing purposes, you can check it here: http://form.jotformpro.com/form/51535697396975? 

    You can add this custom CSS code in your form:

    @media screen and (min-width: 550px) and (max-width: 1800px) {

    #cid_42 span.form-radio-item, #cid_44 span.form-radio-item {

        white-space: normal !important;

        width: 600px !important;

        max-width: 100% !important;

    }

    }

    Add it directly in your Form Designer Tool->CSS tab.

     

    You can adjust the width of it depending on your preference. Do let us know if that works.

    Thank you.