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

  • Profile Image
    dbrady3300
    Asked 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
    Charlie
    Answered 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.