Where does this CSS come from and why can I not overwrite it?

  • Profile Image
    Henrik 
    Asked on March 10, 2016 at 03:02 AM

    I have uploaded the form on my page and everything works fine, however somehow some random padding is being inserted which i cannot overwrite. 

    http://www.amaryllis-sas.co.uk/contact/

    The form has padding to of 60px. I have tried setting padding:none with !important both in the page CSS and in the form CSS editor with no luck as it is overwritten by the mystery padding. 

    Would appreciate any help

    thanks

  • Profile Image
    Chriistian
    Answered on March 10, 2016 at 04:15 AM

    If I understand correctly, you want to adjust the space at the top of the form so it is more inline with the Get in touch element?

    You can inject the custom css below to fix that issue:

    .jotform-form {

        padding: 0 !important;

    }

    form-all {

        padding-top: 0;

     

    }

    A value of 0 is required to properly set the padding of the form to none. Once the css is injected, your form should now look like the screenshot below.

    Do let us know if you need further assistance.
    Regards.