How can I make the option labels wider

  • bselim
    Asked on August 14, 2019 at 6:53 PM

    Hi,

    How can I make the option labels wider? I tried adding the CSS code below to the Select Italy Survey form but it didn't work:

    span.form-checkbox-item label {

      width: 700px !important;

    }


    Any suggestions?


    Thank you!



  • John Support Team Lead
    Replied on August 14, 2019 at 9:00 PM

    Hi @bselim,

    You can try using this code instead:

    .form-radio-item label {

        width:600px!important;

    }

    Here's how it looks on my end:

    How can I make the option labels wider Image 10

  • bselim
    Replied on August 15, 2019 at 1:14 PM

    Hi!

    Thanks for your help! Unfortunatly, I can see it that way when editing it but not when published: https://form.jotform.com/bselim/select-italy-survey


    Thank you!

  • John Support Team Lead
    Replied on August 15, 2019 at 1:58 PM

    I can see that there's some conflict with the styling. Let me have some time to figure out the correct CSS code to use for this form. I will get back to you on this thread shortly.

  • John Support Team Lead
    Replied on August 15, 2019 at 2:18 PM

    Hi again,

    Could you please try injecting this code and see if it resolves the issue?

    .form-radio-item label {

        width : 800px!important;

        white-space : nowrap;

    }

    .form-all {

        width : 900px!important;

    }

    Also, please set the form logo's width to "900":

    15658930121927442 2 Screenshot 10

    Here's a link to the cloned form so you could check how it looks:

    https://form.jotform.com/92258399666981