I want to display the form with some custom CSS codes but it is not working

  • Profile Image
    Asked on March 06, 2019 at 11:11 AM


    3 issues

    1.  I want to display the form with some custom CSS code I have already injected in my design.  It do not show up with that design online.  See here: https://netsjukra.webflow.io/pontun - if you look at my design on my account the form looks different there.

    I want to have no background color and no box shadow.

    2. How do I adjust the autoresponder email so I can show my client email - not no-reply@jotform.com?

    3. How to adjust padding top and bottom?

    Thank you 


  • Profile Image
    Answered on March 06, 2019 at 12:17 PM

    You need to add !important declaration to override the current styles of the form. So, the CSS should be the following:


    background-color: transparent !important;

    -webkit-box-shadow: none !important;

    -moz-box-shadow: none !important;

    box-shadow: none !important;


    I will answer your next two questions in separate threads. Here are the links:

    1. Autoresponder: https://www.jotform.com/answers/1752815.

    2. Padding: https://www.jotform.com/answers/1752816