How to remove top padding on our form?

  • Profile Image
    nywinespotting
    Asked on February 10, 2016 at 01:31 PM
    This isn't working for me http://www.casalarga.com/Corporate
  • Profile Image
    Ben
    Answered on February 10, 2016 at 01:39 PM

    I have checked your form and I see that the cause of the white space at the top is actually because of the padding of the form fields holder and the spacing at the top of the first field. Now since you might remove or change the top field, I did not want to use the same in CSS, so the following CSS would work even if you change the first field:

    div.form-all, .form-all > ul {
        margin-top: -10px;
        padding-top: 0;
    }

    You can decrease the spacing if you change -10 to a higher number (like -12), or add more space by going closer to 0.

    You should add the CSS to your form by adding it at the bottom of your forms custom CSS field (after all the other code in there). You can see how to do that here: Inject Custom CSS Codes

  • Profile Image
    nywinespotting
    Answered on February 10, 2016 at 02:31 PM

    Thanks Ben - I ended up adding color to the forms which makes it stand out on the page and takes care of the margin issue. I will save this in case I need it in the future!

  • Profile Image
    Ben
    Answered on February 10, 2016 at 04:10 PM

    Great to hear for the workaround.

    If by some chance the code is not working for you (for example on another form, or because of style changes) just let us know and we would be happy to assist with new code as well, although the above should work on all forms.