-
max123jotAsked 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
-
JanReplied 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.
-
max123jotReplied on September 3, 2016 at 3:45 PM1st 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 LeadReplied 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
-
max123jotReplied on September 3, 2016 at 6:45 PMyou 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 LeadReplied 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:
With the given code you can either increase or decrease the font sizeof your label.
If you have any question, please let us know.
-
max123jotReplied on September 4, 2016 at 8:46 AMhi
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;
}
... -
JanReplied 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.
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.