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

    Changing the drop down fields and button size

    Asked by max123jot on September 03, 2016 at 09:28 AM

    hi

    for this form 

    i have tried alot to get the button sizes bigger and text label and input fields all bigger

    but am not successful

    please advise

    Page URL:
    Clickyourstatusinthesequenceoffeedback

  • Profile Image
    JotForm Support

    Answered by Jan on September 03, 2016 at 10:48 AM

    We can help you in adjusting these fields by using custom CSS. Please specify what fields and buttons would you like to make bigger. Also, please provide how big you want it to be.

    We'll wait for your reply. Thank you.

  • Profile Image

    Answered by max123jot on September 03, 2016 at 03:45 PM
    1st drop down box
    Click your status in the sequence of feedback
    2.5X size of radio buttons and
    all drop downs for this field the size of the below
    1. I am resident and informing attending of my goals
    thanks
    ...
  • Profile Image
    JotForm Support

    Answered by Kevin_G on September 03, 2016 at 06:10 PM

    I have found multiple forms  where is present the question you're mentioning, here are the links: 

    http://www.jotform.us/form/62465731116150

    http://www.jotform.us/form/62466475119159

    http://www.jotform.us/form/62357481923158

    http://www.jotform.us/form/62415446110142

    1st drop down box

    Click your status in the sequence of feedback

    2.5X size of radio buttons

    I'm not sure if you're trying to increase the font size, if so, you may use this CSS code  to do it: 

    #id_159 label:not(.form-label-top) {

        font-size: 20px;

    }

    This guide will help you to inject the CSS code to your form: How-to-Inject-Custom-CSS-Codes

    If I'm not correct, please provide us more details about what you're looking for and also provide us the link to your form. 

    Regarding to your second question: 

    all drop downs for this field the size of the below

    1. I am resident and informing attending of my goals

    I have already assisted to you on another thread, I have provided to you some CSS code that you can use to change the text boxes and drop downs, please take a look here: https://www.jotform.com/answers/923688 

     

  • Profile Image

    Answered by max123jot on September 03, 2016 at 06:45 PM
    you guys are great
    worked
    but would you please advise how to inc font size of the label
    "Click your status in the sequence of feedback"
    (yes there are multiple forms, i am hoping to get it perfect in 1 form and
    then clone to meet the needs of the other forms)
    m
    ...
  • Profile Image
    JotForm Support

    Answered by Kevin_G on September 03, 2016 at 10:11 PM

    To increase the font size for that label, please inject this code: 

    #labelID {

        font-size: 20px;

    }

    Replace the "labelID" with the real label of your text, to get it you need to right click on the text, you will get a menu, there select the option "Inspect", the web console will appear where you will need to copy the label ID (as the text is displayed between the HTML <label> tags).

    Here is an image for reference: 

    With the given code you can either increase or decrease the font sizeof your label. 

    If you have any question, please  let us know. 

  • Profile Image

    Answered by max123jot on September 04, 2016 at 08:46 AM
    hi
    sorry for my unfamiliarity w coding
    but
    after doing what is suggested below and nothing seemed to happen i noticed
    this text below
    wondering if is interfereing w the end desire
    To increase the font size for that label, please inject this code:
    #159 {
    font-size: 20px;
    }
    #label_input_159_0 {
    font-size : 20px;
    }
    #label_input_159_0 {
    font-size : 20px;
    }
    #label_input_159_1 {
    }
    #label_130 {
    width : 300px;
    }
    #id_159 label:not(.form-label-top) {
    font-size: 25px;
    }
    #159 {
    font-size: 20px;
    }
    ...
  • Profile Image
    JotForm Support

    Answered by Jan on September 04, 2016 at 10:46 AM

    I would like to verify if we are working on the same form or not. Is this the correct form? (https://www.jotform.us/form/62357481923158)

    I opened this form and I can see that the font size was already adjusted.

    Now, we need to align the form fields by adjusting its width. Here's the CSS code:

    #input_127,
    #input_131,
    #input_129,
    #input_132,
    #input_130 {
    width: 435px !important;
    }

    .form-line-column {
    width: 100% !important;
    }

    If there are anything else that needs to be adjusted, let us know. 

    Hope that helps. Thank you.