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

  • dbrady3300
    Asked on June 3, 2015 at 1: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.
  • Charlie
    Replied on June 3, 2015 at 2: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.

    How to change text width on radio buttons and prevent it on being wrapped? Image 1 Screenshot 20

     

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

    Thank you.