How to remove top padding on our form?

  • nywinespotting
    Asked on February 10, 2016 at 1:31 PM
    This isn't working for me http://www.casalarga.com/Corporate
  • Ben
    Replied on February 10, 2016 at 1: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

  • nywinespotting
    Replied on February 10, 2016 at 2: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!

  • Ben
    Replied on February 10, 2016 at 4: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.