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

  • peturrp
    Asked on March 6, 2019 at 11:11 AM

    Hi,


    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 

    Petur

  • Welvin Support Team Lead
    Replied on March 6, 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:

    .form-all{

    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