How do I change the width/size of label for radio or drop down menu items

  • campbuc
    Asked on September 23, 2014 at 3:19 PM

    I have some yes and no questions. I am using the drop down menu with yes and no as the options. I want to increase the width of the label that holds the question. I know how to find the id and name, and i know how to use CSS. Where in your form builder do I go to make this adjustment.

    Thanks!

    Beth H.

  • ShadaeTrotman
    Replied on September 23, 2014 at 3:42 PM

    Hi Beth,

    To confirm, you would like to know how to inject your custom CSS into the form?

    If so you can see the full guide on how to do so at this link: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    I hope this helps!

  • Jeanette JotForm Support
    Replied on September 23, 2014 at 5:02 PM

    To change labels width, you can use this :

    .form-label-left {
        width: 200px !important;
    }

    If you want to change an specific label:

    #label_11.form-label-left {
        width: 200px !important;
    }

     

    In order to find the element ID, you can either use the browser inspect element feature. Please follow more explanations in this guide on how to accomplish this.

    How do I change the width/size of label for radio or drop down menu items Image 1 Screenshot 20

     

     

    Please use the guide as advised above, to insert your Custom CSS