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

    Added CSS for setting up margin is not applied

    Asked by theideaboxkids on April 21, 2015 at 12:17 PM

    Hi There-

     

    I have a form I created called, "Wholesale Order Form."

    I noticed that the table of "Items" on the form is not following the overall settings I have for the form:

    .form-all {
    margin-left: -35px;
    }

     

    It has been working perfectly for several weeks (thank you JotForm!)...but, I noticed this when I made minor changes to other areas of the form.

     

    Can you advise?

     

    Thanks,

    Jennifer

    The Idea Box Kids

    Page URL:
    http://theideaboxkids.com/wholesale-order-form/

    table settings JotForm order form
  • Profile Image

    Answered by Ben on April 21, 2015 at 01:23 PM

    I presume Jennifer that you want the field to be aligned with the rest of the of the fields on their left side.

    To do that you can slightly modify the code above to this:

    #id_24 {
        margin-left: -35px;
    }

    You should add the code at the bottom of the jotforms custom CSS property: How to inject Custom CSS Codes.

    Do let us know how it goes and if any alterations are still needed.

  • Profile Image

    Answered by theideaboxkids on April 21, 2015 at 01:44 PM

    Thanks for your help, Ben...I'm sorry to say that it didn't work.

    The table is the only thing not justified to the left. Not sure why it has decided to stop working, as it has always been justified to the left.

     

    Anything else I can try?

  • Profile Image
    JotForm Support

    Answered by Mike_G on April 21, 2015 at 02:14 PM

    Hi, Jennifer,

    In addition to the help that Ben have given, you may also want to try to have this CSS codes in your Inject CSS field: You may remove margin:-35px; inside #id_24{} and replace it with, float:left; and clear: left;

    #id_24 { float: left; clear: left; }

    And this is how it should look like when you preview your form.

     

    I hope this helps. If not, please feel free to let us know so we may further assist you. Thank you.

     

    Kind regards,

     

    Mike_G

  • Profile Image

    Answered by theideaboxkids on April 22, 2015 at 12:40 PM

    Perfect! Thank you...that worked.

    This is what I put in the Inject CSS Field:

    .form-all {
    margin-left: -35px;
    }#id_24 { float: left; clear: left; }

     

    Thanks again to you both!

  • Profile Image

    Answered by Ben on April 22, 2015 at 01:46 PM

    I am glad to hear that the CSS that my colleague Mike had suggested worked for you and you are welcome in both of our names :)

    Do let us know if there is anything else that you need our assistance with and we would be happy to do so.