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

    Need custom css code to make changes in form.

    Asked by BBC2016 on April 14, 2016 at 02:26 AM

    These are the only things left I can't figure out how to fix! Can you do these in my form or give me a link of the new changes? I have spent HOURS trying to do the changes below and I cant figure them out! I am NOT an expert like you guys. Please help with what to do next on this:


    -Total should be above the black line and on the RH hand side margin

    -When a user selects a large amount in drop down like $5000 the total $ number goes to the next line - how can we fix this?

    -All boxes should all be the same size and aligned just like in the picture

    -All spacing between box fields and titles should be just like in the picture

    -Can we make phone number box be 1 box take out area code section?

    -Line separator should be above Billing title and under phone / email box, in the middle.

    -These are the only things left I can't figure out how to change in the CSS.

     

    I have spent HOURS trying to do the changes below and I can't. Is there any way you can provide me with a cloned form or something? I would GREATLY, greatly, GREATLY appreciate it.

    If so - I would be happy to tip/pay/upgrade my membership!!!!

    Please help!! :(

    Screenshot
    size phone number next picture
  • Profile Image

    Answered by BBC2016 on April 14, 2016 at 02:31 AM

    FORM LINK is: http://buildingbridgescoalition.org/moreinforsvp/

  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 14, 2016 at 04:07 AM

    Hello BBC2016,

    Please inject the following custom css code in your form and this will take care of all your requirements:

    .form-payment-total {

        width: 150px !important;

        left: 159px !important;

        margin-top: -20px !important;

    }

    input.form-textbox.cc_ccv {

        width: 200px !important;

        margin-left: 10px;

    }

    select#input_13_cc_exp_year {

        width: 200px !important;

        margin-left: 10px;

    }

    li#id_19 {

        margin-left: 7px;

    }

    [data-type="control_phone"] .form-sub-label-container:first-child {

        display: none;

    }

    [data-type="control_phone"] .form-sub-label-container {

        width: 100%;

    }

     

    The following guide should help you how to inject custom css code in form:  https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions or need any other changes.

    Thank you!

  • Profile Image

    Answered by BBC2016 on April 14, 2016 at 10:35 PM

    you are a GOD - thank you so VVVVERYYYY much!