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.

  • Profile Image

    CSS styling

    Asked by systematic on November 26, 2013 at 05:30 AM

    Dear 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

    JotForm style rounded corner find
  • Profile Image

    Answered by pinoytech on November 26, 2013 at 05:46 AM

    Hi 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!

  • Profile Image

    Answered by systematic 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

  • Profile Image

    Answered by pinoytech 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,

  • Profile Image

    Answered by systematic on November 27, 2013 at 10:35 AM

    Thank you very much for your help, much appreciated.

    Mark