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.
CSS stylingAsked by systematic on November 26, 2013 at 05:30 AM
i would like to style a number of forms on a clients website with css. I have pulled the code into dreamweaver which seemed to have limited inline style and noticed the main CSS sheet is held remotely. I copied this code to a new style sheet and attached to my HTML doc but I am struggling with finding the right selectors.
Using a plain form I would like to;
use a webfont
change input box border width, border colour and add a rounded corner
Please can you advise how I can find the correct selectors so that I can adjust?
Using custom css to modify your form is possible. Just simply inject your css code into your form. Please take a look at this article for more detailed information: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes
If you need further assistance, please feel free to contact us at anytime.
Have a nice day!
Thanks for your reply.
to do it this way I need to know the class names, which I don't? How do you recommend I proceed if I want to;
round box corners
add inner shadow
change border width and colour
To find out Field IDs and Names, just simply click on your form field then click on the "Properties" icon and choose "Show Properties".
For more information: http://www.jotform.com/help/146-How-to-find-Field-IDs-Names
You might like to take a look at this article also: http://www.jotform.com/help/75-Customize-your-Form-using-Custom-CSS-Codes
Feel free to contact us again if you need further assistance.
Thank you very much for your help, much appreciated.