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 can I edit the Submit button?

    Asked by astrella72 on April 25, 2015 at 05:56 PM

    I would like to change the color and the position of the get "submit". Where can i do this?

    Screenshot
    submit button
  • Profile Image

    Answered by Syed on April 25, 2015 at 06:07 PM

    Hi there;

              You can do this by injecting some custom CSS Code at the end, please read our guide section on How to Inject Custom CSS Codes, please review the following screenshot, I just have done some amendments.

    .form-all .form-submit-button {width: 80px;height: 40px;position: relative;left: -50px;}

    Do let us know if you need further assistance, we would be happy to assist you further.

     

    Thankyou,

  • Profile Image
    JotForm Support

    Answered by Aury on April 25, 2015 at 06:19 PM

    Additional to Syed answer, you may access the Designer option, from the tool bar on top of the screen:

    1 - Open the form on edit mode, click on Designer:

     

    The following screen will be displayed: click on Submit button

     

    Scroll down you will see the align options:

    You are also able to change the Submit button Design and Color clicking the Submit, choose from the template as you please.

    I hope this helps.

  • Profile Image

    Answered by astrella72 on April 26, 2015 at 09:06 AM

     

    Thanks for the two answer. 

    And the designer I know and also tried to edit the submit button there. but it doesn't let me change the color or the position of the text. The rest works find just this two things I can't edit :( 

    Regarding the CSS I think there is general problem. 

     

    I add this now but still the same:

     

  • Profile Image
    JotForm Support

    Answered by Jan on April 26, 2015 at 12:44 PM

    Please add this custom CSS code. Here's a guide how to inject custom CSS.

    .form-submit-button { padding: 4px 10px !important; }

    Hope this works. Thank you.

  • Profile Image

    Answered by astrella72 on April 26, 2015 at 12:48 PM

    Thanks Jan, finally it looks how it should :)

     

    If you can tell me how I can change the blue background you are my hero.

     

  • Profile Image
    JotForm Support

    Answered by Jan on April 26, 2015 at 01:13 PM

    You can change the background color using the "background" property.

    .form-submit-button { background: red !important; }

    You can change red to a hex color like #FF3333.

  • Profile Image

    Answered by astrella72 on April 26, 2015 at 03:00 PM

    It changes in the edit mode but not in the preview:

     

  • Profile Image
    JotForm Support

    Answered by jonathan on April 26, 2015 at 05:29 PM

    I have corrected it on your jotform http://www.jotformeu.com/form/51104740035340

    Please check again. Let us know if issue persist.

    Thanks.

  • Profile Image

    Answered by astrella72 on April 27, 2015 at 05:53 AM

    Now all is fine :)

     

    Thanks a lot for your help!!!

     

  • Profile Image
    JotForm Support

    Answered by Jan on April 27, 2015 at 08:20 AM

    We're glad to hear that your issue is now resolved. On behalf of Jonathan and the support team, you are welcome. Let us know if you need any help.

    Thank you.

  • Profile Image

    Answered by n99999999999 on April 27, 2015 at 08:24 AM

    can someone answer my question please :( 

     

    http://www.jotform.com/answers/559543-My-Form-s-have-been-disabled-#0

  • Profile Image

    Answered by jack0thehack0 on April 27, 2015 at 08:26 AM

    Can someone answer my question TOO please :(

     

     

    http://www.jotform.com/answers/559541-My-form-has-been-disabled-#0

     

    ty - jack0thehack0

  • Profile Image
    JotForm Support

    Answered by Jan on April 27, 2015 at 10:28 AM

    @jack and @n999

    Please don't post your inquiry or issues in this thread. This thread is for astrella. You were already answered by ekrem on your respective threads.