What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by campbuc 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.

    size label items Form Builder name find
  • Profile Image

    Answered by ShadaeTrotman 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
    JotForm Support Manager

    Answered by Jeanette 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