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

  • Profile Image
    campbuc
    Asked on September 23, 2014 at 03: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.

  • Profile Image
    ShadaeTrotman
    Answered on September 23, 2014 at 03: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!

  • Profile Image
    Jeanette
    Answered on September 23, 2014 at 05: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.

     

     

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