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

    Hi Guys,I'm just wondering whether injecting my own CSS code overwrites

    Asked by GlobeTechnical on November 14, 2012 at 01:04 PM

    Hi Guys,

    I'm just wondering whether injecting my own CSS code overwrites existing styles. for example, if I 'inject' some code for a particular class, do I have to copy all the existing styling for that class and include it in my injection? Or does your system look for the relevant class/ID/whatever and update it with the injected code?

    Many thanks,


    This is a re-post of a comment on How to Inject Custom CSS Codes

  • Profile Image
    JotForm Support

    Answered by NeilVicente on November 14, 2012 at 02:09 PM


    No. CSS does not work that way. Injecting a style for a certain class will only add it, and not overwrite the other existing properties.

    There is no need to copy the existing ones and include it to your injection.

    Hope this answers your question. Feel free to contact us again if you have other queries or concerns.


  • Profile Image

    Answered by GlobeTechnical on November 14, 2012 at 05:14 PM


    I found this out after injecting some code into my form and viewing the source afterwards.

    Many thanks for the quick response!


  • Profile Image

    Answered by dgkg on January 15, 2014 at 02:01 AM

    I have a questiong, for example, when I want to style my form differently and when I use for example .form-header-group { background-image:url('http://www.degrieksekookgek.nl/versie2/menu/menitem_bg-1.jpg'); nothing changes when I inject this code, what is the use of injecting it?

    I thought this way you could change the looks of the form, but the above change does not have any effect. Also tried to change the background image of the form, also not working when I inject the code for it.

    Hope someone can help me out.

  • Profile Image
    JotForm Support

    Answered by ashwin_d on January 15, 2014 at 04:22 AM

    Hello dgkg,

    We cannot answer multiple questions in one thread and your question is not related to the question for which this thread was created. Your question is related to specific custom css code. We would appreciate if you start a new thread for your most recent question.

    That would help us to give your proper assistance and at the same time it would help other user with having the same problem.

    Thank you!