Form Support

CSS styling

  • Profile Image
    systematic
    Asked 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

  • Profile Image
    pinoytech
    Answered 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
    systematic
    Answered 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
    pinoytech
    Answered 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
    systematic
    Answered on November 27, 2013 at 10:35 AM

    Thank you very much for your help, much appreciated.

    Mark