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

    Give an id and inject shadow css code - RESOLVED

    Asked by AA_C on January 18, 2016 at 11:12 AM

    I'm trying to add a shadow to my form (60174503178958). Usually I embed the script and do it that way. 

    With this form I am trying to do it here. The only way I can see to do it is to give the first

    of the form an id.

    Then inject my shadow css code to that #id_shadow. 



    // add shadow id to this div like <div id="shadow" class='form_all">

    Is there a way to do this or is there another much simpler method entirely.

    I tried using designer and injected some css there but I couldn't figure out how to shadow the form exterior.




  • Profile Image

    Answered by victor on January 18, 2016 at 12:47 PM

    If I understand you correctly, you would like to add a shadow into your form. If I am wrong, please feel free to correct me.

    To add a shadow in the entire form, you can inject the following code:

    .form-all {

        -webkit-box-shadow : 10px 10px 5px 0px rgba(0,0,0,0.75);

        -moz-box-shadow : 10px 10px 5px 0px rgba(0,0,0,0.75);

        box-shadow : 10px 10px 5px 0px rgba(0,0,0,0.75) !important;


  • Profile Image

    Answered by AA_C on January 18, 2016 at 01:03 PM

    Interesting, I tried that very thing and it didn't show me a shadow.

    What I did was to add the shadow css to the existing .form_all code not create another instance of it.

    Although it appeared to have a shadow on the form editor page it did not have one when using the preview or open in new tab.


    I just realize what I did wrong now...  .form_all { some css; .form_all { shadow script }}

    It works better your way, perhaps I was think of scss. ... :-p

    Thank you Victor, works now.


  • Profile Image

    Answered by victor on January 18, 2016 at 01:57 PM

    Glad we were able to assist. If you have any other question, please do not hesitate contacting us. We will be glad to help.