Added CSS for setting up margin is not applied

  • Profile Image
    theideaboxkids
    Asked 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

  • Profile Image
    Ben
    Answered 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
    theideaboxkids
    Answered 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
    Mike_G
    Answered 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
    theideaboxkids
    Answered 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
    Ben
    Answered 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.