How can I make the option labels wider

  • Profile Image
    bselim
    Asked on August 14, 2019 at 06: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!



  • Profile Image
    JohnRex
    Answered on August 14, 2019 at 09: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:

    15658307361927442.png

  • Profile Image
    bselim
    Answered on August 15, 2019 at 01: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!

  • Profile Image
    JohnRex
    Answered on August 15, 2019 at 01: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.

  • Profile Image
    JohnRex
    Answered on August 15, 2019 at 02: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.png

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

    https://form.jotform.com/92258399666981