Jotform’s Form Builder has a built-in form designer that you can use to make your form look exactly how you want it to without coding. Custom CSS codes are also supported if you’re looking for more customization options.
Note
This guide is for applying CSS to Classic forms. Custom CSS is not supported on Card forms. To learn more, see Changing Form Layout.
To add custom CSS to your Classic form
- In the Form Builder, select the paint roller icon in the upper-right corner.
- In the Form Designer panel on the right, go to Styles at the top.
- Scroll down to Inject Custom CSS and enter your CSS code in the textarea — all changes are saved automatically.
- View your form in Preview or Live mode to check how your form fillers see your form.
You can find custom CSS code examples in this guide. For applying CSS codes to widgets, see How to Inject CSS Codes Into Widgets.
Send Comment:
223 Comments:
36 days ago
Hi, how do I use this to hide a drop down field?
47 days ago
how can i add a field which can store a paragraph
49 days ago
What is so incredibly annoying is the stylesheet themes changing the background color of the web page regardless of the settings.
68 days ago
Hogyan lehet felcserélni a vezeték- és keresztnevet?
122 days ago
I want to change the font color of a sub-label (to white) and following your instructions, I used the CSS codes. The font color changed in Build mode but in Preview/Live mode it remains the color I wanted changed (dark blue).
Can you provide any insight or alternative instruction to correct this?
125 days ago
Suppose I want to provide facility to responder to add thier answer if she select "Other" option from the dropdown list under the particular filed in Input table. How do we add such a facility under the option "Other" in each place of our form.
127 days ago
What else do I need?
227 days ago
Hi
Can I code the states to show up as 2 letters instead of being spelled out?
233 days ago
Hello!
in the text box, I am looking to have my students submit text that can be Bold and all Caps which I see in the text box area, but my students will also need to strikethrough some of their text. I have tried a CSS but it turned all the font to strikethrough. Any help you can provide would be great!
248 days ago
Hi there, I am wondering how can I change the formatting of the entries, which appear in the original .pdf after the form is filled in. When changing the formating, it is only affecting the online form, but not the original .pdf. Thank you in advance!
277 days ago
Hi Jotform
First of all I want to thank you for this wonderful tool it really help me a lot.
However i would like to know on how can i fix the font section to default all caps
Thank you more power
338 days ago
CR code for eliminating price/Free on the product
354 days ago
Jotform does not allow for blocking cut and paste as an option. Why is that? Is there a solution to this issue on Jotforms.
358 days ago
this is out of date?
More than a year ago
which CSS code to use for multiple Choice.
how to have option that with 1 click all other selection is selected. similar to select all widget
More than a year ago
which CSS code to use for multiple Choice.
how to have option that with 1 click all other selection is selected. similar to select all widget
More than a year ago
how to change the drop down answer font color to black
More than a year ago
Hi, that chat support box disappears randomly. Is that on purpose? I trying to follow-up on a code I received for removing the gray background from a table...
More than a year ago
Hello,
May you please advise how I can have a line break in a label field?
More than a year ago
How can we remove the line breaks in the address field?
More than a year ago
Hello,
This does not help. How can I expand the "Upload Documents" button so that it is no squashed on the form? See screenshot in my first email to you.
More than a year ago
I am creating a jotform app, but when I come to setting up a field for currency it indicates insert CSS Code, well I cannot program.
so where can I find a list of codes to use?
How do I use the codes?
You apps creator isn't as simple as you thought.
More than a year ago
I'm creating a payment registration form. I have amounts in both a product list box and in a multiple choice properties box. I figured out all the conditional elements so that everything totals correctly. I have the combined totals showing up in a basic number box labeled Total Due but I don't see a way to add a dollar sign, comma or decimals so the total due shows up as a dollar amount rather than just a 4-digit number. Is there a code I can use to do that and where would it go? Not tech savvy here at all. Thank you.
More than a year ago
I need help bolding specific rows in an input table. Please advise?
More than a year ago
Which css code do I need to use to add space between $ and the value?