Changing the drop down fields and button size

  • max123jot
    Asked on September 3, 2016 at 9: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

  • Jan
    Replied on September 3, 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.

  • max123jot
    Replied on September 3, 2016 at 3: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
    ...
  • Kevin Support Team Lead
    Replied on September 3, 2016 at 6: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 

     

  • max123jot
    Replied on September 3, 2016 at 6: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
    ...
  • Kevin Support Team Lead
    Replied on September 3, 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: 

    Changing the drop down fields and button size Image 1 Screenshot 20

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

    If you have any question, please  let us know. 

  • max123jot
    Replied on September 4, 2016 at 8: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;
    }
    ...
  • Jan
    Replied on September 4, 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.

    Changing the drop down fields and button size Image 1 Screenshot 30

    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;
    }

    Changing the drop down fields and button size Image 2 Screenshot 41

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

    Hope that helps. Thank you.