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 to change the layout of submit button using custom CSS code?

    Asked by BBC2016 on April 25, 2016 at 11:52 PM

    my contact form is messed up :(

     

    I am trying to make it look the the event singup page. the first 3 lines of form fields should be about the same, can u copy anf paste and give me css???

     

    Screenshot
    contact form 3 same and
  • Profile Image
    JotForm Support

    Answered by liyam on April 26, 2016 at 06:25 AM

    Hello again, BBC2016.

    If I'm not mistaken, your concern here is the same as the other earlier post.  You can try following the steps there and then let us know if you have further questions.

    Thanks and warm regards :)

  • Profile Image

    Answered by BBC2016 on April 26, 2016 at 04:03 PM

    Yes I WANTED a rounded submit button . But the tech didnt LISTEN so I made a new thread and waited for a response but obviously u didnt read it or look at it closely.

     

    PLEASE help me put the SAME type of submit button on this form: http://buildingbridgescoalition.org/contact/

    like I have on this form: http://buildingbridgescoalition.org/moreinforsvp/

  • Profile Image
    JotForm Support

    Answered by Kevin_G on April 26, 2016 at 07:52 PM

    Try injecting this CSS code: 

    .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print {

        color: #ffffff !important;

        background: #0284c1;

        box-shadow: none;

        text-shadow: none;

        height: 41px;

        width: 118px;

        padding: 9px 15px;

        font-family: "Open Sans", sans-serif;

        font-weight: 800;

        border: none;

        border-width: 1px !important;

        border-style: solid !important;

        border-color: #eeeeee !important;

        -webkit-border-radius: 6px;

        -moz-border-radius: 6px;

        border-radius: 6px;

        font-size: 1em;

        margin-top: 12px;

        margin-bottom: 12px;

    }

    This is the same style like the form you provided with the submit button that you want to have, this guide should  help you to inject the code to your form: 

    How-to-Inject-Custom-CSS-Codes

    Here is my cloned form if you want to see the result before to apply this code to your form: http://www.jotform.com/61167109597968

  • Profile Image

    Answered by BBC2016 on April 26, 2016 at 08:13 PM

    thanks can i ask for the same tech to help me more than one time?????? how?????? i will pay extra?!!!!

  • Profile Image
    JotForm Support

    Answered by Kevin_G on April 26, 2016 at 09:22 PM

    You're welcome. 

    You may let us know what you need to achieve and we will be glad to help you, if this is something that need extra time or needs to apply something really hard to do in a couple of minutes, or you want to do something specifically, I would suggest you to search someone to do that on this platform https://www.upwork.com/. You may find someone to dedicate the necessary time to achieve what you want with your form; however, as said above, we are here to help anytime.  

  • Profile Image

    Answered by BBC2016 on April 28, 2016 at 12:13 AM

    THANK YOU SO MUCH!!!!!!!!!!!!!!!!!!!!!