CSS styling
systematicAsked on November 26, 2013 at 05:30 AMDear Jotform
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?
Many thanks
Mark
pinoytechAnswered on November 26, 2013 at 05:46 AMHi Mark,
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!
-
systematicAnswered on November 26, 2013 at 06:23 AM
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
Thanks again
Mark
-
pinoytechAnswered on November 26, 2013 at 07:21 AM
Hi Mark,
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.
Regards,
-
systematicAnswered on November 27, 2013 at 10:35 AM
Thank you very much for your help, much appreciated.
Mark
