What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How do I specify padding-top and square rounded edges?

    Asked by daniellec on September 20, 2013 at 02:57 PM

    I need my top padding to be less! Something like, padding-top: -25px; or something.. I need it to line up with the two columns of text next to it. See the example in the URL below! Thanks so much, this is driving me nuts..but I know it's an easy fix??! :)

    Page URL:
    http://vanguardattorneys.com/

    specify top padding square edges square rounded edges
  • Profile Image
    JotForm Support

    Answered by Tasha on September 20, 2013 at 07:04 PM

    Please try injecting the CSS below to adjust the top padding for your form. 

    .form-all {

    padding-top: 0px !important;

    }

    #id_10 {

    padding-top: 0px !important;

    }

    #label_10 {

    margin-bottom: 0px !important;

    }

    Please let us know if you have any questions. 

    Thanks!

  • Profile Image

    Answered by daniellec on September 23, 2013 at 01:35 PM
    This worked perfectly!!!!!!!!! You are genius :). Thank you! My last question, is that I love how big these form boxes are so I want to use this style, but is there any way I can make the boxes square and take that round edge off? Or would that be too complicated. Thank you so much, you've been incredible helpful and I appreciate it very much!
    Danielle
  • Profile Image
    JotForm Support

    Answered by abajan on September 23, 2013 at 01:49 PM

    Hi Danielle,

    Please add the following code after that which my colleague has provided:

    .form-textbox, .form-textarea,
    .form-submit-button-3d_edgy_yellow {
    -moz-border-radius: 0 0 !important;
    -webkit-border-radius: 0 0 !important;
    border-radius: 0 0 !important;
    }


    Thanks